Blog

Pro Blocks Now Support Base UI

Every Pro Block is now available in a Base UI variant. Our registry automatically serves the right version for your project — Radix UI setups keep working with zero changes.

update··2 min read
Pro Blocks Now Support Base UI

shadcn/ui now ships with two primitive libraries: Radix UI and Base UI. As of July 2026, new shadcn/ui projects even default to Base UI. Starting today, our registry supports both — every Pro Block is available as a Radix UI variant and a Base UI variant, and the right one is served automatically based on your project setup.

What's new

  • Base UI variants for all Pro Blocks. Landing page, application, and e-commerce blocks are now available for projects built on the Base UI version of shadcn/ui.
  • Automatic variant selection. You don't pick a variant manually. The shadcn CLI tells our registry which style your project uses (for example base-nova or radix-vega), and we serve the matching code.
  • One registry, one set of commands. The install commands are identical for both libraries: npx shadcn@latest add @shadcndesign/hero-section-1 just works.

How it works

The shadcn CLI supports a {style} placeholder in registry URLs. Update the registries entry in your components.json to our new style-aware endpoint:

{
  "registries": {
    "@shadcndesign": {
      "url": "https://www.shadcndesign.com/api/registry/styles/{style}/{name}",
      "headers": {
        "X-License-Key": "${SHADCNDESIGN_LICENSE_KEY}"
      }
    }
  }
}

When you install a block, the CLI replaces {style} with your project's style from components.json:

  • Base UI styles (base-vega, base-nova, base-maia, …) receive the Base UI variants.
  • Radix styles (radix-vega, radix-nova, …) and legacy styles (new-york, default) receive the Radix UI variants.

Because blocks import primitives from your local @/components/ui folder, everything stays consistent with the shadcn/ui components already installed in your project. Our themes are CSS-only and work with both libraries out of the box.

Already using Pro Blocks with Radix?

Nothing changes for you. The existing registry URL (https://www.shadcndesign.com/api/registry/{name}) keeps working exactly as before and always serves the Radix UI variants. You only need the new URL if you want automatic Radix/Base UI selection — for example when starting a new Base UI project.

Good to know

  • Templates are currently Radix UI only. Base UI variants are on our radar.
  • Free blocks don't require a license key on the new endpoint either — see the Pro Blocks docs for the free setup.

Check out the updated installation docs to get started, and reach out at hi@shadcndesign.com if you run into anything.

MW
Matt Wierzbicki

Founder @ shadcndesign.com

Level-up your workflow today

One-time payment
14 days refund policy