E-Commerce UI Components
Build Beautiful Shops
A collection of production-ready e-commerce components built with React, TanStack, and Tailwind CSS. Fully typed and customizable.
npx shadcn@latest add https://registry.rifan.xyz/r/product-card.jsonComponent Categories
All Components
15 componentsProductCard
Complete product card with image, price, rating, and actions
Product DisplayProductGrid
Responsive grid layout for product listings
Product DisplayProductImage
Image with aspect ratio and hover zoom effects
Product DisplayProductPrice
Price display with discount calculations
Product DisplayBadge
Product badges (sale, new, bestseller)
Product DisplayRating
Interactive star rating component
Product DisplayCartDrawer
Slide-out cart panel
Shopping CartCartItem
Cart item with quantity controls
Shopping CartCartSummary
Order summary with totals
Shopping CartAddToCartButton
Add to cart CTA button
Shopping CartQuantitySelector
Quantity increment/decrement control
Shopping CartSearchBar
Product search input
NavigationBreadcrumb
Navigation breadcrumbs
NavigationSortSelect
Sorting dropdown
NavigationFilterSidebar
Filter panel with options
Navigation