- Registry
- 165 items
- Free
- 82
- Pro
- 83
- Base UI + Radix
- Both
A love letter to Analogue. Written in code.
An instrument-inspired interface system for AI products. Agent runs, chat, evals and charts, with controls that click into place. Built for shadcn. The source is yours.
npx shadcn@latest add https://notchset.dev/r/notchset.jsonPick one. Press play.
01 / Live Line Chart
A few controls.Plenty to explore.
Bar Chart
FreeOpen Bar Chart →Number Field
Toggle
FreeOpen Toggle →Copy Button
Hold to Confirm
Swipe Actions
Segmented Control
Run Button
Text Shimmer
Billing Toggle
Whole screens.Same language.
All 55 blocks →Agent Run
ProChat App
ProApp Shell
ProPage Header
Pro
One command, into your shadcn app.
Base UI or Radix: the CLI picks the right build from your components.json. Files land in your repo, yours to change.
01ADD THE SYSTEM THEME (TOKENS AND FONTS)
npx shadcn@latest add https://notchset.dev/r/notchset.json02ADD A COMPONENT
npx shadcn@latest add https://notchset.dev/r/button.jsonRadix project (a radix-*, new-york or default style)? Use this instead:
npx shadcn@latest add https://notchset.dev/r/radix-nova/button.json03IMPORT IT AND USE IT
import { Button } from "@/components/ui/notchset/button";
Every control has one job.
Pick a date. Confirm a delete. Scrub a chart. 110 components, each with a live preview, its code and notes your AI can read.
Browse components →Whole screens, same language.
55 blocks built from these components: agent runs, chat, app shells, palettes and notifications, ready to drop into a product.
See the blocks →Is this just a theme?
No. A theme recolours. Notchset is a full set: its own type, panels and motion in every component, and the source is yours.
Notchset
Inspired by analogue instruments.
Motion components for shadcn.
Early access