Source: https://tailwindcss.com/plus/ui-blocks/ecommerce/components/category-previews

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

Category Previews

Use these Tailwind CSS category preview components to highlight various product categories, and help customers find out what products are available in your store. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Three-column

---

PreviewCode

HTMLReactVue

Images provided by Ugmonk

Three-column

---

PreviewCode

HTMLReactVue

Images provided by Ugmonk

With image backgrounds

---

Preview

Get the code →

With image backgrounds

---

Preview

Get the code →

With background image and detail overlay

---

Preview

Get the code →

With background image and detail overlay

---

Preview

Get the code →

Three-column with description

---

Preview

Get the code →

Three-column with description

---

Preview

Get the code →

With scrolling cards

---

Preview

Get the code →

With scrolling cards

---

Preview

Get the code →

With split images

---

Preview

Get the code →

With split images

---

Preview

Get the code →