Motion-first React components for shadcn and AI agents, with every curve already tuned
MCP server connecting AI agents to your design system with live tokens and code linting
Stage
Not given
Not given
Founded
Not given
Not given
Based in
GB
Not given
Pricing model
Freemium
Freemium
Pricing
Free: 65 open source components under MIT license. Pro Solo early-bird: $149 (regular $199). Pro Team early-bird: $349 (regular $449). One payment covers all current and future Pro components.
Free: one design system with limited component pulls. Pro: $15/month per seat ($12 billed yearly). Team: $25/month per seat ($20 billed yearly). Studio: $39/month per Genome ($31 billed yearly).
Key features
65 free components under MIT license
31 Pro components with source code included
MCP server for AI agent integration
Works with Next.js 16 and React 19
Light and dark mode support
Respects reduced-motion settings
Tuned motion springs and curves
Concentric corner radius design
Markdown documentation for AI models
New Pro components added weekly
MCP server connection for Claude Code, Cursor, VS Code and other AI agents
Design system bootstrap from text prompt, website URL, Figma file or screenshot
Token and component editor with live publishing
Code linting against design system specifications
Export to CSS, SCSS, Tailwind, Tokens Studio JSON and Figma variables
Figma integration with OAuth and plugin support
GitHub integration for pushing design system updates
Website CSS scanning and analysis
Change proposals and human review workflow
Rate-limited stateless HTTP API with 120 calls per minute
What makes it different
All components tuned with motion springs and curves optimized per interaction
Built-in MCP server enables AI agents to automatically install components
One-time lifetime payment covers all current and future Pro components
Source code ownership with MIT and commercial licenses
Concentric corner radii maintained across all components
Live tokens on every AI generation instead of stale rules files
Supports all major AI coding agents: Claude Code, Cursor, VS Code, Claude, Codex, Windsurf and Figma's agent
Human review required for all changes; nothing auto-applied
Design systems remain yours to use in client work and commercial products
Bootstrap from text, website, Figma or screenshot; no manual token creation needed