Orvain UI

by orvain.dev · dev.orvain/orvain-ui

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

Online, needs sign-inRemote
Website
Category
Crypto and Web3
Connection
Remote (HTTP)
Tools
Shown after sign-in
Status
Online, needs sign-in

Connect it to your AI

Claude Code

claude mcp add --transport http orvain-ui https://mcp.orvain.dev/

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://mcp.orvain.dev/

This server expects extra headers, usually an API key from its maker.

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "orvain-ui": {
      "url": "https://mcp.orvain.dev/"
    }
  }
}

Questions

What is the Orvain UI MCP server?

Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools. It is made by orvain.dev and listed in the official MCP Registry as dev.orvain/orvain-ui. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add Orvain UI to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://mcp.orvain.dev/. In Claude Code, run: claude mcp add --transport http orvain-ui https://mcp.orvain.dev/

How do I add Orvain UI to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://mcp.orvain.dev/.

How do I add Orvain UI to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "orvain-ui": { "url": "https://mcp.orvain.dev/" } } }

Does Orvain UI work right now?

It is online and asks you to sign in before it lists its tools, which is normal for servers tied to an account.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/dev-orvain-orvain-ui.svg)](https://chen.media/mcp/dev-orvain-orvain-ui)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/dev-orvain-orvain-ui"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-orvain-orvain-ui.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-orvain-orvain-ui.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Crypto and Web3

See all

Losbeto — Market Data for AI Agents

@rmartins1451

Market data, LLM gateway, ML forecasts, batch+bundle, self-building catalog. USDC via x402 + MPP.

Crypto and Web3Remote5 tools

DejaBars

dejabars.com

Find historical chart-pattern matches across crypto markets from a sketch.

Crypto and Web3Remote9 tools

Exepal

exepal.com

Paid data tools for AI agents, pay per call in USDC via x402: AI visibility, company enrich, SERP

Crypto and Web3Remote20 tools

Compute Screener

computescreener.com

GPU cloud pricing (H100, H200, B200 per hour) and AI model API pricing per 1M tokens, with history.

Crypto and Web3Remote14 tools

True Value Rankings

truevaluerankings.com

Cryptocurrency fundamentals for agents: TVR Scores, rankings and model-derived valuation estimates.

Crypto and Web3Remote10 tools

Agent Read Proxy

agent-read-proxy.agent-read-proxy.workers.dev

Read web pages and PDFs as clean Markdown for AI agents. Pay per call in USDC via x402, no API key.

Crypto and Web3Remote2 tools