Question 1

What is Orvain UI?

Accepted Answer

Orvain UI is a design system for React and Vue with a matching Figma library and a hosted MCP server. It ships 45 free components across 7 categories, 212 production-ready blocks in 46 families, and a token layer you override to make the whole system match your brand.

Question 2

Which frameworks does Orvain UI support?

Accepted Answer

React and Vue, from the same design tokens and the same Figma source. The React package is tree-shakeable and safe to use in React Server Components, so importing one component does not pull the library into your client bundle.

Question 3

What is the difference between a component and a block?

Accepted Answer

A component is a single primitive — a button, an input, a checkbox. A block is a finished piece of interface built from those primitives, like a pricing table, a sign-in screen or a data table with filters. Orvain UI has 45 components and 212 blocks, and every block is assembled from the components rather than drawn separately, so theming one themes both.

Question 4

Is Orvain UI free?

Accepted Answer

Yes, in part. The 45-component set in the documentation is free forever and needs no account. The Figma library, the full block library and the MCP server are paid, and the Figma library is a one-time purchase rather than a subscription.

Question 5

Can I white-label Orvain UI for my own brand?

Accepted Answer

Yes. Colour, typography, spacing and radius are all design tokens, so changing the token values re-themes every component, every block and the Figma file together. Nothing is hard-coded to the Orvain palette, which is what makes the system usable for agencies running several brands at once.

Question 6

What is the Orvain MCP server?

Accepted Answer

The Orvain MCP server is a hosted Model Context Protocol endpoint that gives AI coding tools live access to the real component API — the props, the tokens, the variants and the usage patterns. MCP is an open standard for connecting AI assistants to external tools and data.

Question 7

Why does an AI coding tool need an MCP server for a design system?

Accepted Answer

Because without one it guesses. An assistant working from training data invents props that do not exist and imports paths that were never published, and the code looks right until it is run. Pointed at the MCP server, the same assistant reads the current API and writes against what the library actually exports.

Question 8

Which AI tools work with Orvain UI?

Accepted Answer

Any client that speaks the Model Context Protocol, which includes Cursor, Claude Code and v0. The server is hosted, so connecting it is a URL in your tool's MCP settings rather than something to install and run yourself.

Question 9

Do I own the code I copy from Orvain UI?

Accepted Answer

Yes. Copied block and component source is yours to keep and modify, with no attribution required and no runtime dependency on Orvain. Your project does not break if you later stop paying, because the code already lives in your repository.

Question 10

Is the Figma library a subscription?

Accepted Answer

No. The Figma library is a one-time purchase and the file is yours permanently, including the updates published while your licence is active.

Question 11

Do the Figma library and the code library stay in sync?

Accepted Answer

Yes, by construction. Both read the same token set and the same component names, and the Figma components are built with variables and variants that map one-to-one to the code props, so a handoff is a lookup rather than a translation.

Question 12

How do I contact the Orvain UI team?

Accepted Answer

Email support@orvain.dev, or use the contact page. We typically reply within one business day.

Frequently asked
questions.

The design system

AI tools and the MCP server

Licensing and support

Be first in,
and 10% off.

Frequently asked questions.

The design system

AI tools and the MCP server

Licensing and support

Be first in, and 10% off.

Frequently askedquestions.

The design system

AI tools and the MCP server

Licensing and support

Be first in,and 10% off.

Frequently asked questions.

The design system

AI tools and the MCP server

Licensing and support

Be first in, and 10% off.

Frequently asked
questions.

Be first in,
and 10% off.