Use code "LAUNCH20" for 20% off on HextaUI Pro - Learn more
/Blocks

E-commerce

E-commerce blocks for building online stores with Next.js and Tailwind CSS.

Required components

Run following command in your terminal to install the required components for this blocks

npx hextaui@latest add button card input select dropdown-menu badge progress switch avatar input-otp

Product Listing Block

A product catalog component for e-commerce applications.

Product Catalog

Discover our curated selection of premium products

Categories


Product Details Block

A comprehensive product detail page with image gallery, variant selection, and card-based layout for description, specifications, and reviews.


Shopping Cart Block

A comprehensive shopping cart component with quantity controls, promo codes, and order summary.

Shopping Cart

Review and manage your selected items

Promo Code

Available codes:

Order Summary


Checkout Block

A comprehensive multi-step checkout process with shipping, payment, and order review.


Order Tracking Block

An order tracking component to check the status of orders with real-time updates.

Track Your Order

Enter your tracking number or order ID to see the latest updates

Edit on GitHub

Last updated on