Back to prompts
Build a product catalog with advanced filtering. Layout: - Filter sidebar (collapsible on mobile) - Product grid (2/3/4 columns responsive) - Sort dropdown - Pagination or infinite scroll - View toggle (grid/list) Filter Types: - Category tree (expandable) - Price range slider - Color swatches - Size checkboxes - Rating stars - In-stock toggle - Brand multi-select Product Cards: - Image with hover second image - Quick view button on hover - Wishlist heart icon - Product name and brand - Price with sale badge - Rating stars - Color dot indicators URL State: - Filters reflected in URL params - Shareable filtered URLs - Browser back/forward works - Deep linking to filtered views
Related Prompts
View allPremium Product Detail Page
Create a high-converting product detail page for e-commerce. Above the Fold: - Image gallery with z...
Product PageE-commerce
Animated Shopping Cart
Build a delightful shopping cart experience. Cart Drawer: - Slide-in drawer from right - Product li...
Shopping CartDrawer
Multi-Step Checkout Flow
Create a conversion-optimized checkout flow. Steps: 1. Information: Email, shipping address form 2....
CheckoutMulti-step
Y Combinator Style Startup Landing
Create a clean, conversion-focused startup landing page inspired by Y Combinator portfolio companies...
StartupConversion