The most comprehensive UI/UX reference ever assembled. 67 styles, 97 color palettes, 57 font pairings, 25 chart types, 96 product types, 100 icons, 13 tech stacks, 99 UX guidelines, 30 landing patterns, 44 React performance tips, 30 web interface rules, and 99 AI-powered reasoning rules.
Twelve comprehensive categories covering every aspect of UI/UX design. Click any card to dive deep.
From Glassmorphism to Brutalism, Cyberpunk to Swiss Minimalism. Every modern design aesthetic with colors, effects, and implementation guides.
Industry-specific color systems for SaaS, Healthcare, Fintech, Gaming, and 93 more product types. Each with Primary, Secondary, CTA, Background, and Text colors.
Curated heading + body font combinations from Google Fonts. Elegant, Tech, Playful, Editorial, Multilingual, and more with live CSS imports.
From Line Charts to Sankey Diagrams, Candlesticks to Process Maps. With color guidance, accessibility notes, and library recommendations.
Battle-tested rules for Navigation, Animation, Touch, Accessibility, Performance, Forms, and more. Each with Do/Don't examples and code.
Proven page structures from Hero+Features to Bento Grids, Funnels to AI-Dynamic layouts. With section order, CTA strategy, and conversion tips.
Complete design recommendations for every product category. Style, colors, patterns, and dashboard types — from SaaS to Quantum Computing.
Complete Lucide icon reference with import code, usage snippets, and category organization. Copy-to-clipboard for every icon.
Framework-specific guidelines for React, Next.js, Vue, Svelte, Flutter, SwiftUI, and 7 more. 661 total guidelines with code examples.
React/Next.js performance patterns — async waterfalls, bundle splitting, server components, re-render optimization, and JS perf tricks.
Web accessibility, forms, focus management, and anti-patterns. WCAG compliance guides with Do/Don't code examples.
The intelligence engine behind design decisions. For every product type, get the recommended pattern, style, color mood, typography, key effects, decision rules, and anti-patterns. From SaaS to Quantum Computing.
The design system uses BM25 search and AI reasoning to match the perfect style, colors, and typography for any product.
Input your product type, industry, and style keywords. The system understands 99 product categories.
BM25 search across 5 domains + reasoning rules analyze the best matches for your specific use case.
Get a full design system: style, color palette, typography, effects, landing pattern, and anti-patterns to avoid.