Use cases
One system, read four ways. Pick the one closest to how you work.
Who it is for#
- How does Orvain UI help product designers?
A Figma library with components, variants and tokens that match the code, so what you design is what gets built.
- How does Orvain UI help front-end developers?
Accessible, themeable React and Vue components and blocks from one token layer, with code for both frameworks and a live playground.
- How does Orvain UI help with AI and vibe coding?
Give Cursor, Claude Code, Windsurf and v0 your real components through an MCP server, so generated UI uses props that exist.
- How does Orvain UI help SaaS teams?
Tables, metrics, forms, sign-in and settings controls as ready blocks, themeable per brand, in React or Vue, with a Figma library to match.