Stop building
UI from scratch.
Code library that lives in your editor. Figma file you own forever.
Or both, in one payment.
200+ React and Vue blocks, delivered straight into your editor through MCP and the Orvain CLI.
Solo1 person
For freelancers and indie developers.
$179/year
$15/mo, billed yearly. Includes all updates while your subscription is active.
StudioUp to 8 people
For studios and small product teams.
$449/year
$37/mo, billed yearly. Includes all updates while your subscription is active.
$56 per person. Save $983 vs 8 Solo plans.
BusinessUp to 20 people
For companies shipping across several teams.
$899/year
$75/mo, billed yearly. Includes all updates while your subscription is active.
$45 per person. Save $2,681 vs 20 Solo plans.
- Secure checkout with Stripe
- Instant access after payment
- Commercial and client work on every plan
Everything You Need
One Plan Away
Every paid plan has the whole system: components, blocks and MCP access, plus updates on the yearly plan. Studio covers a team of eight for less than three Solo plans.
Free
Try it out
$0
Free forever
Components thatBecome products.
Real products shipped with our components, composed by hand or generated with AI. Same tokens, same library, infinite range.
Things teams askbefore they switch.
Why pick Orvain over shadcn or Radix?
Both are great. Shadcn is a copy-paste recipe where you own every line, and Radix gives you unstyled primitives. Orvain is an opinionated library: a single import, white-label tokens, real bundle discipline, and the only one shipping a first-class MCP server. If you want a kit that’s engineered rather than assembled, that’s us.
What is an MCP server, exactly?
Model Context Protocol is an open standard that lets AI tools call structured “tools” over a connection. Our hosted endpoint exposes your component library, its props, tokens and patterns, so any MCP-aware assistant can query the real source instead of guessing from training data.
Which AI tools are supported?
Anything that speaks MCP today: Cursor, Claude Code, Windsurf, and a growing list, plus drop-in adapters for v0 and GitHub Copilot. Connecting is a single config entry pointing at mcp.orvain.dev.
How do you guarantee “0 hallucinated props”?
Every generation is validated against the live component schemas. Props that don’t exist, missing required variants, and invented imports are rejected before code is written, and the agent corrects itself against the real API.
Does this work with my own theme?
Yes. White-label tokens resolve from one config file. Re-theme once and every generation after that follows your brand automatically: colors, radii, spacing, type.
Will it bloat my bundle?
No. Components are tree-shakeable, RSC-safe and strictly typed, and the core ships under 12 kB gzipped. You import what you use and nothing else tags along.
Loved by developers & designers.
The MCP server is the killer feature. Cursor finally suggests our real props instead of inventing ones.
Premium components,
free in your inbox.
Join the Orvain Dispatch and get production-ready components, free to keep: React and Vue code plus the Figma frame, yours to ship.
Orvain MCPStop building UI from scratch.
Code library that lives in your editor. Figma file you own forever. Or both, in one payment.
200+ React and Vue blocks, delivered straight into your editor through MCP and the Orvain CLI.
Solo1 person
For freelancers and indie developers.
$179/year
$15/mo, billed yearly. Includes all updates while your subscription is active.
StudioUp to 8 people
For studios and small product teams.
$449/year
$37/mo, billed yearly. Includes all updates while your subscription is active.
$56 per person. Save $983 vs 8 Solo plans.
BusinessUp to 20 people
For companies shipping across several teams.
$899/year
$75/mo, billed yearly. Includes all updates while your subscription is active.
$45 per person. Save $2,681 vs 20 Solo plans.
- Secure checkout with Stripe
- Instant access after payment
- Commercial and client work on every plan
Everything You Need One Plan Away
Every paid plan has the whole system: components, blocks and MCP access, plus updates on the yearly plan. Studio covers a team of eight for less than three Solo plans.
Free
Try it out
$0
Free forever
Solo
Solo developer
$179
For one person
Studio
Up to 8 people
$449
$56 per person
Business
Up to 20 people
$899
$45 per person
Team and licence
Seats
Invite and manage teammates
Client and commercial work
Unlimited projects
Code
Free components
Blocks (200+)
Charts
React and Vue source
Design tokens and theming
AI and tooling
MCP server in your editor
MCP usage
Orvain CLI
Support and updates
Support
Updates while subscribed
Ad-free experience
Components that become products.
Real products shipped with our components, composed by hand or generated with AI. Same tokens, same library, infinite range.
Things teams ask before they switch.
Why pick Orvain over shadcn or Radix?
Both are great. Shadcn is a copy-paste recipe where you own every line, and Radix gives you unstyled primitives. Orvain is an opinionated library: a single import, white-label tokens, real bundle discipline, and the only one shipping a first-class MCP server. If you want a kit that’s engineered rather than assembled, that’s us.
What is an MCP server, exactly?
Model Context Protocol is an open standard that lets AI tools call structured “tools” over a connection. Our hosted endpoint exposes your component library, its props, tokens and patterns, so any MCP-aware assistant can query the real source instead of guessing from training data.
Which AI tools are supported?
Anything that speaks MCP today: Cursor, Claude Code, Windsurf, and a growing list, plus drop-in adapters for v0 and GitHub Copilot. Connecting is a single config entry pointing at mcp.orvain.dev.
How do you guarantee “0 hallucinated props”?
Every generation is validated against the live component schemas. Props that don’t exist, missing required variants, and invented imports are rejected before code is written, and the agent corrects itself against the real API.
Does this work with my own theme?
Yes. White-label tokens resolve from one config file. Re-theme once and every generation after that follows your brand automatically: colors, radii, spacing, type.
Will it bloat my bundle?
No. Components are tree-shakeable, RSC-safe and strictly typed, and the core ships under 12 kB gzipped. You import what you use and nothing else tags along.
Loved by developers & designers.
“The MCP server is the killer feature. Cursor finally suggests our real props instead of inventing ones.”
“We shipped our dashboard in a weekend. Same tokens in Figma and code meant zero hand-off friction. The design just became the app.”
“Strict types, RSC-safe, under 12 kB. It's the first component library I haven't had to fight with.”
“Re-themed the whole product to a client's brand by editing one config. Everything followed, Figma and code together.”
Premium components, free in your inbox.
Join the Orvain Dispatch and get production-ready components, free to keep: React and Vue code plus the Figma frame, yours to ship.
