@sc1m

Multi-brand design system components built on Base UI and Tailwind CSS v4 — semantic tokens, swappable brand layers, dark mode out of the box.

43 components react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://sc1m.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://sc1m.vercel.app/r/registry.json

bun bunx shadcn@latest add https://sc1m.vercel.app/r/registry.json

fetch registry curl -s https://sc1m.vercel.app/r/registry.json

Components

43 total

sc1m Design Tokens theme

sc1m brand tokens and the Tailwind v4 theme contract: semantic colors, radii, shadows, motion, dark mode via the .dark class, and the popup-motion, ai-wash and…

npx shadcn@latest add https://sc1m.vercel.app/r/tokens.json

cn Utility lib

Class-name combiner: clsx + tailwind-merge.

npx shadcn@latest add https://sc1m.vercel.app/r/cn.json

Accordion ui

Accordion component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/accordion.json

AI Summary ui

AI Summary: the banner that marks AI-authored copy — one sentence of plain language on an animated vector field, in one of four palettes. The painting is a gra…

npx shadcn@latest add https://sc1m.vercel.app/r/ai-summary.json

Alert Dialog ui

Alert Dialog component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/alert-dialog.json

Autocomplete ui

Autocomplete component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/autocomplete.json

Avatar ui

Avatar component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/avatar.json

Badge ui

Badge: a status chip carried by fill alone — a tint of the tone at 12–15%, label inked toward the hue, and a sharp radius from --brand-radius-sm. Five tones (n…

npx shadcn@latest add https://sc1m.vercel.app/r/badge.json

Banner ui

Banner: a borderless status note — a flat wash of the tone at 7–8%, a tone-coloured icon, and body copy inked toward the hue instead of muted grey. Four tones …

npx shadcn@latest add https://sc1m.vercel.app/r/banner.json

Button ui

Button component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/button.json

Checkbox ui

Checkbox component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/checkbox.json

Checkbox Group ui

Checkbox Group component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/checkbox-group.json

Collapsible ui

Collapsible component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/collapsible.json

Combobox ui

Combobox component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/combobox.json

Context Menu ui

Context Menu component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/context-menu.json

Dialog ui

Dialog component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/dialog.json

Drawer ui

Drawer component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/drawer.json

Field ui

Field component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/field.json

Fieldset ui

Fieldset component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/fieldset.json

Form ui

Form component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/form.json

Input ui

Input component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/input.json

Menu ui

Menu component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/menu.json

Menubar ui

Menubar component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/menubar.json

Meter ui

Meter component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/meter.json

Navigation Menu ui

Navigation Menu component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/navigation-menu.json

Number Field ui

Number Field component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/number-field.json

Otp Field ui

Otp Field component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/otp-field.json

Popover ui

Popover component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/popover.json

Preview Card ui

Preview Card component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/preview-card.json

Progress ui

Progress component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/progress.json

Radio ui

Radio component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/radio.json

Radio Group ui

Radio Group component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/radio-group.json

Scroll Area ui

Scroll Area component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/scroll-area.json

Select ui

Select component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/select.json

Separator ui

Separator component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/separator.json

Slider ui

Slider component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/slider.json

Switch ui

Switch component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/switch.json

Tabs ui

Tabs component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/tabs.json

Toast ui

Toast component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/toast.json

Toggle ui

Toggle component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/toggle.json

Toggle Group ui

Toggle Group component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/toggle-group.json

Toolbar ui

Toolbar component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/toolbar.json

Tooltip ui

Tooltip component built on Base UI, styled with sc1m tokens.

npx shadcn@latest add https://sc1m.vercel.app/r/tooltip.json