Category

Sort by:

Tailwind CSS E-commerce Blocks

Tailwind CSS E-commerce Blocks offer flexible UI components designed for product listings, featured deals, and seamless shopping experiences.

image

Split with image and description

This product overview is used by most e-commerce players where on one side of the page product image is shown and on the other side all the product features and other details viz. variants, colours, sizes, price, reviews etc. can be displayed.

image

Default order tracking

Following this example to show a timeline of the status of a product ordered from an e-commerce website after the purchase has been completed by the customer.

image

Default refund overview list

This is the default refunds overview list where you can see list of all the products that is refunded with their product details, dates of refund, resons and status.

image

Default Category Filter

Use this category filter designed in Tailwind CSS with dropdown product filters.

image

Single column shopping cart page

This page shows product image/images of one or multiple products in the cart, title, description, price and lets you select number of units and CTA button of checkout.

image

Basic refund application form

This example shows all the neccesory information to return your products amd refund back such as select return items, select reason for return, select method of delivery and select refund options.

image

Default refund status section

Use this example to show a timeline of the requested refund process with all product details and essential CTA buttons.

image

Default Order Confirmation

This Tailwind Order Confirmation example shows invoice of purchased items and follow up buttons to track the order or return shopping after successfully finishing payment.

image

Static product list with grid

Use this example to list your products in grid system

Tailwind Code Copied to Clipboard!

Tailwind Code is ready to be pasted (Ctrl+V) into your project.

Uh-oh, Something’s gone wrong!

Don’t let this bug you Contact Us and we’ll squash it together!