SYSTEM · NOTCHSETEarly
Data told in signal.
Derived from the laboratory signal recorder
A visual operating system derived from the laboratory signal recorder: ruled paper, an ink trace and one signal pen, carried through every component, chart and motion. For AI products and agent platforms on shadcn.
System install
npx shadcn@latest add https://notchset.dev/r/notchset.jsonOptional, once per project: sets your app's shadcn tokens (light and dark) and fonts to the system's, globally. Pieces work without it and bring their own motion. Sound is a separate opt-in: see Docs.
Signature pieces
Signature pieceFree and open to try.
ButtonFree
Docs
The story
Every signal leaves a trace
Labs have long read signals the same way: a pen draws a live trace across ruled paper, the grid gives it scale, and one colour is kept for the reading that matters. Nothing on the sheet is decoration; every mark is a measurement.
Notchset takes that language as its rules. Paper and ink grounds, square corners, a single signal colour, monospaced readings and traces that draw as data arrives, from a chat message to a token timeline.
What’s inside 165 pieces
Primitives
Buttons, inputs and badges in the system's material.Run Button
FreeSplit Button
FreeConfirm Button
FreeFloat Rail
ProAction Rail
ProBulk Delete
ProCopy Button
FreeToggle
FreeButton Group
FreeToolbar
FreeTheme Switch
FreeDropdown Menu
FreeInput
FreeTextarea
FreePagination
FreeBreadcrumb
FreeAccordion
FreeCollapsible
FreeCard
FreeScroll Area
FreeResizable
FreeExpandable Card
FreeDialog
FreeAlert Dialog
FreeHover Card
FreePopover
FreeSheet
FreeTooltip
FreeAlert
FreeToast
FreeUser Menu
FreeContext Menu
FreePassword Field
FreeSearch Projects
FreeExpanded Search
FreeInline Edit
FreeNumber Field
FreePhone Input
FreeInput OTP
FreeNavigation Menu
FreeToken Field
ProSelect
FreeCombobox
FreeMulti-select
FreeRadio Group
FreeCheckbox
FreeBilling Toggle
FreeRadio Cards
FreeTabs
FreeCalendar
FreeDate Picker
FreeTime Picker
ProColor Picker
ProSlider
FreeSkeleton
FreeUsage Meter
FreeStepper
FreeProgress
FreeFile Dropzone
FreeCode Block
FreeTree View
ProJSON Viewer
ProData Table
FreeText Reveal
FreeText Morph
ProText Shimmer
FreeKbd
FreeBadge
FreeAvatar
FreeAvatar Group
FreeBar Chart
FreeDonut Chart
FreeAnimated Counter
FreeMetric Card
FreeBrush Chart
ProEmpty State
FreeGauge
FreeSparkline
FreeSlope Chart
ProWaffle Chart
ProRidgeline
ProTreemap
ProStreamgraph
ProFunnel Chart
ProSunburst
ProRadar Chart
ProSankey Chart
ProData Grid
ProTarget Tally
ProWheel Picker
ProWorld Ruler
ProVoice Node
ProVoice Notes
ProAudio Player
ProDot Field
ProBlocks
Whole sections, ready to drop in.Agent Run
ProChat App
ProApp Shell
ProPage Header
ProEmpty States
ProSite Footer
FreeNewsletter
FreeCTA Section
ProSite Header
ProSign In
FreeOnboarding
ProDevice Login
ProPlan Compare
FreeSeat Pricing
ProCheckout
ProAdd-on Cart
ProFAQ
FreeChangelog
FreeTeam
ProWebhooks
ProAPI Keys
ProIntegrations
ProComparison Table
FreeFeature Bento
FreeScroll Story
ProStatus Page
FreeHelp Search
FreeRelease Gate
ProSprint Board
ProFind Time
ProCash Runway
ProCollections
ProLayout Morph
ProLoad Rhythm
ProFleet Zoom
ProRun Globe
ProInbox Triage
ProHelp Widget
ProLogo Marquee
ProStats Band
ProTestimonials
ProOutcomes
ProTrust Center
Pro83 Pro pieces, all with Pro
Pro is in early access.