shadcn/ui Component Styles: Vega, Nova, Maia, Lyra, and Mira

We now support all five component styles from the Shadcn UI Create page. If you’ve been customizing border radius, spacing, and sizing by hand across dozens of shadcn/ui components — you don’t have to anymore.

What Are shadcn/ui Component Styles?

Shadcn recently introduced named visual styles that change how components look — things like border radius, padding, spacing, and overall density. Instead of tweaking CSS variables one by one, you pick a style and every component adopts it.

We’ve brought all five styles to Shadcnblocks, so your blocks match whatever style you’re using in your project.

The Five Styles

Vega (Default)

The classic shadcn/ui look. Medium border radius, balanced spacing. If you’ve been using shadcn/ui, this is what you already have. Previously known as “New York.”

Nova

Tighter padding and reduced margins. Good for dashboards, admin panels, and data-heavy interfaces where you need more content on screen without it feeling cramped.

Maia

Larger border radii — often fully rounded — with generous spacing. Works well for consumer-facing products, landing pages, and anywhere you want the UI to feel softer and more relaxed.

Lyra

Zero border radius. Everything is sharp, boxy, and precise. Looks great with monospace fonts. A natural fit for developer tools, terminals, and technical interfaces.

Mira

The most compact option. Designed for dense, information-heavy UIs — think complex dashboards, spreadsheet-style layouts, and data tables where every pixel counts.

Preview Styles in the Explorer

The Explorer sidebar has a Component Style selector. Click through Vega, Nova, Maia, Lyra, and Mira to see any block rendered in each style instantly. No page refresh, no config changes — just toggle and compare.

This is the fastest way to figure out which style fits your project.

Configuration

Your components.json style field uses the format {library}-{style}:

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "radix-nova"
}

All 10 combinations work:

Style	Radix UI	Base UI
Vega	`radix-vega`	`base-vega`
Nova	`radix-nova`	`base-nova`
Maia	`radix-maia`	`base-maia`
Lyra	`radix-lyra`	`base-lyra`
Mira	`radix-mira`	`base-mira`

If you’re not sure, radix-vega is the default and matches what most shadcn/ui projects already use.

Docs:

Component Styles Documentation