Stop looking like
a template
The agent-legible design system for property inspectors, data grids, docks, command surfaces, node editors, and agent-operations consoles. Build with the free roster; buy finished composition when it saves time.
| PRJ-114 | Density retune | shipped |
| PRJ-118 | Scale engine | in review |
| PRJ-121 | Blueprint frames | drafting |
One system · 14 identities — same markup, different tokens
Architecture
Capabilities free. Composition paid.
The system is the adoption layer. The paid boundary begins only when those capabilities are assembled into finished product surfaces.
Capabilities
The free component roster, all 14 theme colorways, density, motion, the playground, and the docs are free infrastructure.
Composition
Data-wired blocks, coordinated patterns, complete templates, and runnable starters are the paid product.
Why Substrate UI
Components that actually feel professional
Professional Surface Classes
Property inspectors, data grids, docks, command surfaces, node editors, and agent-operations consoles share one coherent, agent-legible system. Density supports each surface in compact, comfortable, and spacious modes.
Built on shadcn/ui v2
Not a fork — an extension. Copy/paste components that work with your existing shadcn setup. Tailwind CSS v4, Radix UI, no lock-in.
Patterns from real software
Patterns extracted from Linear, Figma, Raycast, Unity, Blender, Arc, Cursor, and n8n. Real tools, not dribbble shots.
Dark-First Design
True neutral grays, monochrome palette. Dense and professional — like Linear and Figma, not a fluffy template. Light mode included.
CLI Install
npx shadcn@latest add @substrateui/button. Every component installable via shadcn CLI. No massive bundle, pick what you need.
Agent-Legible Contracts
Predictable slots, states, tokens, and composition rules make the system understandable to both human authors and coding agents.
Pro Workspace
Patterns from professional apps
Extracted from Linear, Raycast, Figma, Unity, Blender, Arc, Cursor, n8n, Autodesk, Twenty CRM, and more. Not generic dashboards — real workspace UIs.
Get Started
Install in seconds, not hours
npx shadcn@latest add @substrateui/buttonnpx shadcn@latest add @substrateui/property-inspectornpx shadcn@latest add @substrateui/number-scrubberPricing
Capabilities stay free. Composition is one purchase.
Adopt the system without a paywall. Buy Pro only for finished product surfaces.
Free
The complete capability layer, open for every project.
- ✓All 104 free component families
- ✓All 14 theme colorways
- ✓Density and motion systems
- ✓Theme playground and docs
- ✓Public shadcn registry
- ✓MIT-licensed source
Pro
Finished composition for teams that want to ship faster. SKU pro-2026.
- ✓Data-wired product blocks
- ✓Coordinated workspace patterns
- ✓Complete templates and starters
- ✓Private authenticated registry
- ✓Private source repository
- ✓Lifetime updates within the pack
The lost art of shipping
Your competitors are using the same shadcn defaults. Your users can tell. Ship something that looks like you care.