Source: https://tailwindcss.com/plus/ui-blocks/ecommerce/page-examples/category-pages

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

Use these Tailwind CSS category page examples to organize your products into different categories, making it easier for customers to find what they are looking for. These page examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With text header and image product grid

---

Preview

Get the code →

With text header and image product grid

---

Preview

Get the code →

With image header and detail product grid

---

Preview

Get the code →

With image header and detail product grid

---

Preview

Get the code →

With text header and simple product grid

---

Preview

Get the code →

With text header and simple product grid

---

Preview

Get the code →

With product grid and pagination

---

Preview

Get the code →

With product grid and pagination

---

Preview

Get the code →

With large images and filters sidebar

---

Preview

Get the code →

With large images and filters sidebar

---

Preview

Get the code →