deepmoon
Installs via the shadcn CLI, not copy-paste

The shadcn components you keep building yourself.

Timeline, Stepper, File Upload, Color Picker, Multiselect, Navbar: the components shadcn/ui doesn't ship, and nobody canonically owns. Installed with npx shadcn add, resolved like any other registry dependency, and styled with a point of view instead of assembled from scratch.

$ npx shadcn@latest add https://deepmoon.dev/r/deepmoon.json
Browse all components
+1
Your team
K
Components
48+5
Active users
1,2048%
SessionsSample data

Nobody canonically owns these

Components shadcn/ui doesn't ship.

Every real product ends up building its own Timeline, Stepper, File Upload, Color Picker, Multiselect, and Navbar, usually more than once. Install any of them with the CLI below. Live demos, not screenshots.

Timeline

Details →

Compound API, left or alternating.

  1. v1.0

    Registry launched

  2. In progress.
    v1.4

    27 components shipped

Horizontal or vertical, clickable steps.

  1. Completed step.

    Install

  2. Current step.

    Theme

  3. Ship

File Upload

Details →

Real input, drag-and-drop, keyboard-operable.

  • design-tokens.json40.0 KB

Color Picker

Details →

Saturation area, hue/alpha, hex + rgb/hsl inputs.

RGB

Multiselect

Details →

Searchable combobox, chip display, keyboard nav.

AccessibleToken-drivenMotion-safe

Scroll-aware, mega menu, mobile drawer with a real focus trap.

brand

Verified, not assumed

The gap six hold up under a keyboard, too.

Taste doesn't buy you a pass on the interaction itself. Every interactive component ships with the real WAI-ARIA pattern for its role, keyboard support included, not just a role attribute for the audit checklist. Each one is verified end-to-end with Playwright: focus order, roving tabindex, live regions, the whole path a screen reader or keyboard-only user actually takes.

Try it right now: Tab through this page, then Enter a link.

Combobox + listbox popupMultiselect, Command Menu
Dialog with a real focus trapNavbar drawer, Command Menu
Date-picker grid (role="grid"/"row"/"gridcell")Date Range Picker
Radiogroup, roving tabindexRating
Tree (role="tree"/"treeitem")Tree View
Toolbar, roving tabindexToolbar

Opinionated by default

Restyle the whole registry in one click.

Dark and near-monochrome is the default here, not a neutral base you're expected to theme yourself. Every component reads color from the same handful of tokens. Swap the accent variant and everything on this page, including the nav above, repaints instantly.

Tasks completed
86+12
Sample rating
Browse components Every one reacts to this token.

Start with the theme, then add what you need.

Install the deepmoon theme, then pull in components one at a time. No build step, no lock-in.