Product Listing / Category Page
A filterable product grid with sort controls, quick-view modal, and comparison feature.
Prompt
Create an e-commerce category page: Top: category title with count, active filter chips, sort dropdown, grid/list toggle, filter button Left sidebar: price slider, brand checkboxes, size, color swatches, rating filter Product grid (3 columns): image (hover = second image), quick view button on hover, color swatches, brand+name, rating, price, Add to Cart Quick View modal: compact PDP Compare toggle per card, floating compare bar at bottom when 2+ selected Use shadcn/ui, Tailwind CSS
Share:Share on X
More E-commerce Prompts
Featured
Product Detail Page (PDP)A full e-commerce PDP with image gallery, variant selectors, add-to-cart, reviews, and related products.
A wishlist page with saved product cards, share list, bulk add to cart, and out-of-stock notifications.