English Français العربية

Orvain UI

Official registry Media and design

Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools

Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http orvain-ui 'https://mcp.orvain.dev' --header 'Authorization: <Your Orvain UI licence key from purchase (orvain.dev/pricing), sent as Bearer <key>>'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "orvain-ui": {
            "type": "http",
            "url": "https://mcp.orvain.dev",
            "headers": {
                "Authorization": "<Your Orvain UI licence key from purchase (orvain.dev/pricing), sent as Bearer <key>>"
            }
        }
    }
}

Frequently asked questions

What is Orvain UI?

Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools

How do I install Orvain UI?

It runs as a remote server. In Claude Code: claude mcp add --transport http orvain-ui 'https://mcp.orvain.dev' --header 'Authorization: <Your Orvain UI licence key from purchase (orvain.dev/pricing), sent as Bearer <key>>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Orvain UI need an API key?

Yes. It expects Authorization, which you set in its configuration.

Who maintains Orvain UI?

It is published by dev.orvain. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.