---
name: "@sc1m"
slug: "sc1m"
description: "Multi-brand design system components built on Base UI and Tailwind CSS v4 — semantic tokens, swappable brand layers, dark mode out of the box."
category: "Forms"
tags: ["ai", "auth", "buttons", "cards", "design-system", "forms", "loaders", "media", "navigation", "overlays", "theming"]
framework: "react"
license: null
author: "maaraquel08"
website: "https://sc1m.vercel.app"
github: "https://github.com/maaraquel08/sc1m"
registry: "https://sc1m.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 0
component_count: 43
generated_at: "2026-09-21T01:50:16.753Z"
---

# @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.

## Links

- Website: https://sc1m.vercel.app
- GitHub: https://github.com/maaraquel08/sc1m
- Registry JSON: https://sc1m.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/sc1m
- This file: https://sh4dcn.vercel.app/md/sc1m.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://sc1m.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://sc1m.vercel.app/r/registry.json
bunx shadcn@latest add https://sc1m.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/maaraquel08/sc1m.git
# fetch the raw registry index
curl -s https://sc1m.vercel.app/r/registry.json
```

## Components (43)

| name | type | description | install |
| --- | --- | --- | --- |
| tokens | registry: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 | registry:lib | Class-name combiner: clsx + tailwind-merge. | `npx shadcn@latest add https://sc1m.vercel.app/r/cn.json` |
| accordion | registry:ui | Accordion component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/accordion.json` |
| ai-summary | registry: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 | registry: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 | registry:ui | Autocomplete component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/autocomplete.json` |
| avatar | registry:ui | Avatar component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/avatar.json` |
| badge | registry: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 | registry: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 | registry:ui | Button component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/button.json` |
| checkbox | registry:ui | Checkbox component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/checkbox.json` |
| checkbox-group | registry: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 | registry:ui | Collapsible component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/collapsible.json` |
| combobox | registry:ui | Combobox component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/combobox.json` |
| context-menu | registry: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 | registry:ui | Dialog component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/dialog.json` |
| drawer | registry:ui | Drawer component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/drawer.json` |
| field | registry:ui | Field component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/field.json` |
| fieldset | registry:ui | Fieldset component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/fieldset.json` |
| form | registry:ui | Form component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/form.json` |
| input | registry:ui | Input component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/input.json` |
| menu | registry:ui | Menu component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/menu.json` |
| menubar | registry:ui | Menubar component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/menubar.json` |
| meter | registry:ui | Meter component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/meter.json` |
| navigation-menu | registry: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 | registry: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 | registry: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 | registry:ui | Popover component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/popover.json` |
| preview-card | registry: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 | registry:ui | Progress component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/progress.json` |
| radio | registry:ui | Radio component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/radio.json` |
| radio-group | registry: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 | registry: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 | registry:ui | Select component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/select.json` |
| separator | registry:ui | Separator component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/separator.json` |
| slider | registry:ui | Slider component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/slider.json` |
| switch | registry:ui | Switch component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/switch.json` |
| tabs | registry:ui | Tabs component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/tabs.json` |
| toast | registry:ui | Toast component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/toast.json` |
| toggle | registry:ui | Toggle component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/toggle.json` |
| toggle-group | registry: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 | registry:ui | Toolbar component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/toolbar.json` |
| tooltip | registry:ui | Tooltip component built on Base UI, styled with sc1m tokens. | `npx shadcn@latest add https://sc1m.vercel.app/r/tooltip.json` |

## For AI agents

```text
You are adding components from @sc1m to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/sc1m.md) for the component list.
2. Fetch the machine-readable index: https://sc1m.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: sc1m).
```