Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/feature-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

Feature Sections

Use these Tailwind CSS feature section examples to highlight the most important features of your product or service. These examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With product screenshot

---

PreviewCode

HTMLReactVue

With product screenshot

---

PreviewCode

HTMLReactVue

Centered 2x2 grid

---

PreviewCode

HTMLReactVue

Centered 2x2 grid

---

PreviewCode

HTMLReactVue

With large screenshot

---

Preview

Get the code →

With large screenshot

---

Preview

Get the code →

With large bordered screenshot

---

Preview

Get the code →

With large bordered screenshot

---

Preview

Get the code →

Simple three column with small icons

---

Preview

Get the code →

Simple three column with small icons

---

Preview

Get the code →

With product screenshot on left

---

Preview

Get the code →

With product screenshot on left

---

Preview

Get the code →

Simple three column with large icons

---

Preview

Get the code →

Simple three column with large icons

---

Preview

Get the code →

Contained in panel

---

Preview

Get the code →

Contained in panel

---

Preview

Get the code →

With product screenshot panel

---

Preview

Get the code →

With product screenshot panel

---

Preview

Get the code →

With testimonial

---

Preview

Get the code →

With testimonial

---

Preview

Get the code →

Offset 2x2 grid

---

Preview

Get the code →

Offset 2x2 grid

---

Preview

Get the code →

With code example panel

---

Preview

Get the code →

With code example panel

---

Preview

Get the code →

Offset with feature list

---

Preview

Get the code →

Offset with feature list

---

Preview

Get the code →

Simple

---

Preview

Get the code →

Simple

---

Preview

Get the code →

Simple 3x2 grid

---

Preview

Get the code →

Simple 3x2 grid

---

Preview

Get the code →