Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/team-sections

• • Marketing

  • Application UI

  • Ecommerce

  • Documentation

• Page Sections

  • Hero Sections

  • Feature Sections

  • CTA Sections

  • Bento Grids

  • Pricing Sections

  • Header Sections

  • Newsletter Sections

  • Stats

  • Testimonials

  • Blog Sections

  • Contact Sections

  • Team Sections

  • Content Sections

  • Logo Clouds

  • FAQs

  • Footers

• Elements

  • Headers

  • Flyout Menus

  • Banners

• Feedback

  • 404 Pages

• Page Examples

  • Landing Pages

  • Pricing Pages

  • About Pages

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Team Sections

Use these Tailwind CSS team section examples to introduce your team to new and existing customers. These examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With small images

---

PreviewCode

HTMLReactVue

With small images

---

PreviewCode

HTMLReactVue

With large images

---

Preview

Get the code →

With large images

---

Preview

Get the code →

Grid with round images

---

Preview

Get the code →

Grid with round images

---

Preview

Get the code →

Large grid with cards

---

Preview

Get the code →

Large grid with cards

---

Preview

Get the code →

With image and short paragraph

---

Preview

Get the code →

With image and short paragraph

---

Preview

Get the code →

With vertical images

---

Preview

Get the code →

With vertical images

---

Preview

Get the code →

Full width with vertical images

---

Preview

Get the code →

Full width with vertical images

---

Preview

Get the code →

Grid with large round images

---

Preview

Get the code →

Grid with large round images

---

Preview

Get the code →

With medium images

---

Preview

Get the code →

With medium images

---

Preview

Get the code →