Recipes & Examples
Copy, paste, customize • 50+ ready-to-use patterns
Ready-to-use code examples for common UI patterns. Each recipe includes complete code, AI prompts to generate variations, and customization tips.
Featured Recipes
SaaS Pricing Page
Complete pricing page with 3 tiers, annual/monthly toggle, and conversion optimization
Newsletter Signup
High-converting newsletter signup with incentive and social proof
Product Feature Grid
Showcase product features with icons, descriptions, and CTAs
All Categories
Landing Pages
Complete landing page patterns for different industries
Authentication
Login, signup, and auth flow patterns
E-commerce
Product pages, carts, and checkout flows
Dashboard
Admin panels and dashboard layouts
Marketing
Marketing pages and conversion-focused components
Forms
Contact forms, surveys, and data collection
How to Use Recipes
Find Your Pattern
Browse categories or search for the specific UI pattern you need. Each recipe shows exactly what you'll build.
Copy & Customize
Copy the complete code example, then customize colors, content, and styling to match your brand.
Generate Variations
Use the included AI prompts to generate variations and adaptations for different use cases.
AI-Powered Variations
Smart Recipe Adaptation
Every recipe includes AI prompts to adapt it for your specific needs. No more starting from scratch.
"Adapt the SaaS pricing recipe for a mobile app. Change the tiers to Free, Premium ($4.99/month), and Pro ($9.99/month). Focus on features like offline mode, cloud sync, and premium templates."
Don't See What You Need?
Request a specific recipe and we'll add it to the collection. Our community votes on the most requested patterns.