shadcn/ui Style Grab

Extract any website's design and map it to a shadcn/ui theme preset. Made by Palette.site

shadcn/ui Style Grab — Extract & Map Website Designs to shadcn/ui Presets See a website with a design you love? Grab its style in one click. HOW IT WORKS 1. Visit any website 2. Click the extension icon 3. Click "Grab Style from This Page" 4. AI analyzes the site's colors, fonts, spacing, and visual style 5. Opens ui.shadcn.com/create with your mapped theme preset WHAT IT EXTRACTS - Colors weighted by prominence (button backgrounds, accent colors, link colors) - Font families mapped to shadcn/ui's font library (150+ font mappings) - Border radius mapped to shadcn/ui's radius scale - Overall visual style mapped to the closest preset (nova, vega, maia, lyra, mira, luma) - Background tone mapped to base color (neutral, stone, zinc, gray, mauve, olive, mist, taupe) MULTI-AGENT AI ANALYSIS Five AI models analyze your page's CSS in parallel, then a unifier model synthesizes the best result using visual analysis. This produces more accurate mappings than any single model. FEATURES - One-click extraction from any website - Parallel multi-agent AI for accuracy - Deterministic font matching to shadcn/ui's 24 fonts - Smart component style extraction (buttons, headings, cards, inputs) - Extraction history with thumbnails - Copy preset code or open directly in shadcn/ui - Configurable settings - Dark UI matching shadcn/ui aesthetic PRIVACY - No data collected unless you click "Grab Style" - No analytics or tracking - All history stored locally on your device - CSS data processed transiently, never stored server-side - Full privacy policy: https://palette.site/privacy Made by Palette.site