Shadcn Studio Theme Generator

Overview

Shadcn Studio Theme Generator is a free visual editor for building shadcn/ui themes. Changes preview in real time across components, dashboard blocks, mail and other sample screens, so a theme can be checked in context before it is exported.

Users can start from a preset or an imported shadcn preset, adjust colors, typography and styles by hand or with AI prompts, and then export the CSS or install it from a theme registry. Some features, such as AI generation with Pro customization and theme saving and sharing, are tied to a Shadcn Studio account.

Features

• Live preview: Components, blocks and sample pages update instantly as colors and type change
• Shadcn styles and icons: Pick shadcn styles such as Vega, Nova, Maia, Lyra and Mira, and icon libraries including Lucide, Tabler, Phosphor, Remix and Huge Icons
• Preset import and export: Import a shadcn preset, then export or back up themes and reuse them in the Shadcn Figma kit
• AI theme generation: Prompt-based theme creation with @Theme references and checkpoints
• Contrast checks: Real-time WCAG color contrast validation
• Undo and redo: History of the last 30 changes
• Theme registry: Install saved or built-in themes with the shadcn CLI, for example npx shadcn add @ss-themes/claude
• Sharing: Save, sync and share themes with teammates or the community