Base UI - Shadcnblocks.com

Shadcn Blocks + Base UI

Shadcnblocks now supports Base UI and Radix UI. Same beautiful blocks, your choice of underlying primitives.

Customize Your Blocks Base UI Documentation

Choose Your Primitive Library

Both Radix UI and Base UI provide accessible, unstyled primitives. Choose the one that fits your project best.

Radix UI

The established choice

Battle-tested in production
Extensive component library
Large community ecosystem

style: "radix-vega"

Base UI

The lightweight alternative

Active development
Modern API
New and advanced components

style: "base-vega"

Simple Configuration

One setting in your components.json controls both the UI library and visual style.

components.json

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "base-maia",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui"
  }
}

Style

{library}-{style}

Examples

radix-vega, radix-nova, radix-maia

base-vega, base-nova, base-maia

Ready to Try Base UI?

Head to the Explorer, select Base UI, and see your blocks with the new primitives.

Open Explorer