UI UX Pro Max
Design Intelligence

Searchable database of UI styles, color palettes, font pairings, chart types, and UX guidelines. Build beautiful interfaces with AI-powered design recommendations.

$
57
UI Styles
95
Color Palettes
56
Font Pairings
8
Tech Stacks
24
Chart Types
29
Landing Patterns

Everything You Need for Beautiful UI

Comprehensive design intelligence at your fingertips. Search, discover, and implement stunning interfaces with AI-powered recommendations.

Design Styles

Glassmorphism, Neumorphism, Minimalism, Brutalism, Aurora UI, and 45+ more styles with colors, effects, and framework compatibility.

GlassmorphismDark ModeMotion-Driven

Color Palettes

Product-specific color systems for SaaS, E-commerce, Healthcare, Fintech, and more. Includes Primary, Secondary, CTA, Background, Text, and Border.

SaaSHealthcareE-commerce

Typography

50+ font pairings with Google Fonts integration, Tailwind configs, and mood-based recommendations.

Space GroteskInterPlayfair

Chart Types

Data visualization recommendations with library suggestions (Chart.js, Recharts, D3.js) and accessibility notes.

LineBarPieHeatmap

Landing Patterns

14 conversion-optimized page structures with CTA placement strategies and color recommendations.

Hero + FeaturesVideo-FirstPricing

UX Guidelines

Best practices and anti-patterns for animation, accessibility, z-index, loading states, and more.

AnimationA11yPerformance

8 Tech Stacks Supported

Framework-specific best practices, patterns, and code examples. Get guidelines tailored to your technology stack.

React

State, hooks, performance patterns

Next.js

SSR, routing, API routes

Vue

Composition API, Pinia, Vue Router

Svelte

Runes, stores, SvelteKit

SwiftUI

Views, State, Navigation

React Native

Components, Navigation, Lists

Flutter

Widgets, State, Theming

Tailwind

Utilities, responsive, a11y

How It Works

From prompt to production-ready UI in 6 intelligent steps

1

Your Prompt

$ Build a landing page for a pet grooming service. Playful and friendly style, with booking CTA.
2

AI Reasoning

Product: pet-serviceStyle: playful, friendlyPage: landingCTA: booking

→ Searching: product, style, typography, color, landing, ux domains...

3

Search Design Database

PRODUCT
Pet Tech App
STYLE
Micro-interactions
TYPOGRAPHY
Fredoka + Nunito
LANDING
Hero + Features + CTA
UX RULE
Use animations for loading only
COLORS
Primary: #3B82F6
Secondary: #60A5FA
CTA: #F97316
Background: #F8FAFC
Text: #1E293B
4

Generate Code

<!-- Pet Grooming Landing -->
<section class="bg-[#F8FAFC]">
<h1 class="font-['Fredoka'] text-[#1E293B]">
Happy Pets, Happy Life
</h1>
<button class="bg-[#F97316] hover:bg-[#EA580C]">
Book Grooming
</button>
</section>
5

Quality Checklist

SVG icons (no emoji)
Hover feedback
Dark mode contrast
Responsive layout
6

Final Result

Pet Grooming & Spa Demo
View Live Demo
🚀

Ready to Build Beautiful Interfaces?

Get started with UI UX Pro Max skill for Claude Code. Design intelligence at your fingertips.

Open Source
Claude Code Compatible
Production Ready