shadcnpreset

Preset Theme CSS Generator

Decode a shadcn preset, preview it, and generate CSS custom properties for light and dark mode you can copy and paste into your project.

b0

neutral base, neutral theme, neutral charts, lucide

Edit
Decoded preset
Parsed config for the current preset code.
Open preset page
Code
b0
Style
nova
Base color
neutral
Theme
neutral
Chart color
neutral
Body font
inter
Heading font
inter (inherits body font)
Icons
lucide
Radius
default
Menu color
default
Menu accent
subtle
Theme custom properties
Combined light and dark CSS, with a copy action inside the code block.