React Product Categories - Flowbite

Get started with a collection of e-commerce website sections to showcase all product categories using cards, lists, and images on your homepage coded with Tailwind CSS.


Default product categories

Use this example to show a list of all categories within your website using small cards with icons and text that are anchor links and a CTA button to show all categories on a dedicated page.

View on GitHub

Featured product categories

This example can be used to show three or more featured product categories in between product listings and categories on your homepage or as related content when showing product pages.

View on GitHub

Product categories with icons

Use this example to show a larger list of product categories where you show a custom SVG icon and the title of the category on two or more rows and circular cards.

View on GitHub

Product categories with cards

Use this example to show a list of product categories inside cards with SVG icons and a title and a CTA button to view all categories for your e-commerce website.

View on GitHub

Advanced product categories list

Use this example to show an advanced list of product categories within cards that can feature subcategories divided with grid layouts and show an information alert component for additional context.

View on GitHub

Shop member deals by category

See more categories

Categories with links

Use this example to show a list of headers and links as text on multiple columns within a grid layout to showcase all categories and subcategories of an e-commerce store.

View on GitHub