6
New

April 2026 - shadcn preset

Decode, share, open, and resolve preset codes from the shadcn CLI.

We added shadcn preset commands for working with preset codes.

Decode a preset

You can decode a preset code to see exactly what it contains:

npx shadcn@latest preset decode b5owWMfJ8l
Preset
  code         b5owWMfJ8l
  version      b
  style        mira
  baseColor    mauve
  theme        mauve
  chartColor   amber
  iconLibrary  hugeicons
  font         inter
  fontHeading  oxanium
  radius       large
  menuAccent   subtle
  menuColor    inverted-translucent
  url          https://ui.shadcn.com/create?preset=b5owWMfJ8l

Resolve from a project

Use preset resolve in an existing project to see the preset that matches your current configuration.

npx shadcn@latest preset resolve
Preset
  code         b5Kc6P0Vc
  version      b
  style        luma
  baseColor    olive
  theme        lime
  chartColor   sky
  iconLibrary  hugeicons
  font         geist
  fontHeading  inherit
  radius       default
  menuAccent   subtle
  menuColor    default
  url          https://ui.shadcn.com/create?preset=b5Kc6P0Vc

It works with monorepos too:

npx shadcn@latest preset resolve -c apps/web

Share or open

Use preset url when you need a shareable link:

npx shadcn@latest preset url b5owWMfJ8l
https://ui.shadcn.com/create?preset=b5owWMfJ8l

Use preset open to open the preset on shadcn/create for customization:

npx shadcn@latest preset open b5owWMfJ8l
Opening https://ui.shadcn.com/create?preset=b5owWMfJ8l in your browser.

This makes presets easier to inspect, share, and hand off to coding agents without manually decoding codes or building URLs.

Try a Preset