Introducing component styles for shadcn/ui—the same styles available in the Shadcn UI Create page. This gives you control over the visual appearance of every component in your project.
Available Styles
- Vega (New York) — The classic shadcn/ui look. Clean, neutral, and familiar.
- Nova — Reduced padding and margins for compact layouts.
- Maia — Soft and rounded, with generous spacing.
- Lyra — Boxy and sharp. Pairs well with mono fonts.
- Mira — Compact. Made for dense interfaces.
Preview in the Explorer
The Explorer now includes a Component Style selector in the sidebar. Switch between styles instantly to see how any block looks with different visual treatments.
How It Works
Styles are configured in your components.json:
{
"style": "radix-maia"
}The format is {library}-{style}, combining your UI library choice (Radix or Base) with your visual style preference.
All Combinations
radix-vega,radix-nova,radix-maia,radix-lyra,radix-mirabase-vega,base-nova,base-maia,base-lyra,base-mira
When you install blocks via the CLI, they automatically use your configured style.