Source: https://tailwindcss.com/plus/ui-blocks/ecommerce/components/product-features

• • Marketing

  • Application UI

  • Ecommerce

  • Documentation

• Components

  • Product Overviews

  • Product Lists

  • Category Previews

  • Shopping Carts

  • Category Filters

  • Product Quickviews

  • Product Features

  • Store Navigation

  • Promo Sections

  • Checkout Forms

  • Reviews

  • Order Summaries

  • Order History

  • Incentives

• Page Examples

  • Storefront Pages

  • Product Pages

  • Category Pages

  • Shopping Cart Pages

  • Checkout Pages

  • Order Detail Pages

  • Order History 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

Product Features

Use these Tailwind CSS product feature components to create more focused landing pages for your store with detailed descriptions and high-quality images, perfect for direct-to-consumer brands. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With image grid

---

PreviewCode

HTMLReactVue

Images provided by Ugmonk

With image grid

---

PreviewCode

HTMLReactVue

Images provided by Ugmonk

With header, images, and descriptions

---

Preview

Get the code →

With header, images, and descriptions

---

Preview

Get the code →

With fading image

---

Preview

Get the code →

With fading image

---

Preview

Get the code →

With wide images

---

Preview

Get the code →

With wide images

---

Preview

Get the code →

With split image

---

Preview

Get the code →

With split image

---

Preview

Get the code →

With tabs

---

Preview

Get the code →

With tabs

---

Preview

Get the code →

With alternating sections

---

Preview

Get the code →

With alternating sections

---

Preview

Get the code →

With square images

---

Preview

Get the code →

With square images

---

Preview

Get the code →

With tiered images

---

Preview

Get the code →

With tiered images

---

Preview

Get the code →