MCP server
Orvain UI Official
dev.orvain/orvain-ui
Checked 26 Oct 2026, 08:29 UTC · It answered and asked for a sign-in
Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools
Needs an API keyVerified publisher: orvain.dev
https://mcp.orvain.dev
At a glance
- Type
- MCP server
- Publisher
- orvain.dev (verified by the MCP Registry)
- Status
- Needs an API key
- Sets up in
- Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
- Last checked
- 26 Oct 2026, 08:29 UTC
Connect it to your agent
Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.
Claude Code
claude mcp add --transport http orvain-ui https://mcp.orvain.dev
Claude Desktop
Settings → Connectors → Add custom connector, and paste the URL.
Codex (config.toml)
[mcp_servers.orvain-ui] url = "https://mcp.orvain.dev"
Gemini CLI
{"mcpServers":{"orvain-ui":{"httpUrl":"https://mcp.orvain.dev"}}}
Cursor
{"mcpServers":{"orvain-ui":{"url":"https://mcp.orvain.dev"}}}
VS Code
{"servers":{"orvain-ui":{"type":"http","url":"https://mcp.orvain.dev"}}}
Antigravity
agy mcp add orvain-ui https://mcp.orvain.dev
ChatGPT
Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.
OpenAI API (Responses tools)
{"type":"mcp","server_label":"orvain-ui","server_url":"https://mcp.orvain.dev","require_approval":"always"}
Grok (xAI API tools)
{"type":"mcp","server_label":"orvain-ui","server_url":"https://mcp.orvain.dev"}
Needs an API key or token from its maker, usually added as a header in the setup.
Browse
Related MCP servers
- Layro
Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro. - Mlola UI
Mlola UI components, tokens and design rules for coding agents, with a markup checker - opointo
Design a React Native app in a browser and emit it as a real Expo project you own, iOS and Android. - Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components. - Polyxd
Write Polyxd UI documents, check them, and show them as real screens in any design-system pack. - Vlak
Accessible React components, tokens, usage guidance, and install commands for product interfaces. - Tseha
Serves your design system and coding standards to coding agents, so they stop guessing. - NuvUI
The docs, rules, blocks, charts and design tokens of nuvui, a React UI library, for coding agents.
Badge for your README
[](https://aptlynx.net/servers/dev.orvain/orvain-ui)
Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents