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:

pnpmnpmyarnbun

pnpm dlx shadcn@latest preset decode b5owWMfJ8l

Copy

Copy<span data-line=""><span>Preset</span></span> <span data-line=""><span> code b5owWMfJ8l</span></span> <span data-line=""><span> version b</span></span> <span data-line=""><span> style mira</span></span> <span data-line=""><span> baseColor mauve</span></span> <span data-line=""><span> theme mauve</span></span> <span data-line=""><span> chartColor amber</span></span> <span data-line=""><span> iconLibrary hugeicons</span></span> <span data-line=""><span> font inter</span></span> <span data-line=""><span> fontHeading oxanium</span></span> <span data-line=""><span> radius large</span></span> <span data-line=""><span> menuAccent subtle</span></span> <span data-line=""><span> menuColor inverted-translucent</span></span> <span data-line=""><span> url https://ui.shadcn.com/create?preset=b5owWMfJ8l</span></span>

Resolve from a project#

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

pnpmnpmyarnbun

pnpm dlx shadcn@latest preset resolve

Copy

Copy<span data-line=""><span>Preset</span></span> <span data-line=""><span> code b5Kc6P0Vc</span></span> <span data-line=""><span> version b</span></span> <span data-line=""><span> style luma</span></span> <span data-line=""><span> baseColor olive</span></span> <span data-line=""><span> theme lime</span></span> <span data-line=""><span> chartColor sky</span></span> <span data-line=""><span> iconLibrary hugeicons</span></span> <span data-line=""><span> font geist</span></span> <span data-line=""><span> fontHeading inherit</span></span> <span data-line=""><span> radius default</span></span> <span data-line=""><span> menuAccent subtle</span></span> <span data-line=""><span> menuColor default</span></span> <span data-line=""><span> url https://ui.shadcn.com/create?preset=b5Kc6P0Vc</span></span>

It works with monorepos too:

pnpmnpmyarnbun

pnpm dlx shadcn@latest preset resolve -c apps/web

Copy

Share or open#

Use preset url when you need a shareable link:

pnpmnpmyarnbun

pnpm dlx shadcn@latest preset url b5owWMfJ8l

Copy

Copy<span data-line=""><span>https://ui.shadcn.com/create?preset=b5owWMfJ8l</span></span>

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

pnpmnpmyarnbun

pnpm dlx shadcn@latest preset open b5owWMfJ8l

Copy

Copy<span data-line=""><span>Opening https://ui.shadcn.com/create?preset=b5owWMfJ8l in your browser.</span></span>

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