0n3
MCP servers · design system

shadcn/ui MCP server

shadcn/ui component registry — search, recommend, and install official primitives + curated blocks. The default UI system across the 0n ecosystem.. Hosted by 0n3: 2 endpoints your AI can call with your own shadcn/ui account, from Claude, ChatGPT, Cursor, Claude Code, Codex or Gemini CLI. One sign-in, one key per AI, a receipt for every call.

Connect shadcn/uiInstall into your AIWatch it work

2 endpoints9 categoriesauth: nonehosted

What your AI can do with shadcn/ui

List components · List all official shadcn primitives, grouped by purpose1
Get a component schemaGET /r/styles/new-york/{name}.json
Search components · Fuzzy search components by name or description0
Fuzzy search components by name or description
Get component · Fetch live component schema (files, deps, source) from the registry0
Fetch live component schema (files, deps, source) from the registry
Install command · Generate `npx shadcn@latest add <name>` install command0
Generate `npx shadcn@latest add <name>` install command
List blocks · List curated block patterns (login, dashboard, pricing, FAQ, etc.)0
List curated block patterns (login, dashboard, pricing, FAQ, etc.)
Recommend · Recommend components for a free-text use case0
Recommend components for a free-text use case
Theme · Return brand-themed @theme inline CSS for Tailwind v40
Return brand-themed @theme inline CSS for Tailwind v4
Init · One-shot bootstrap commands for new projects0
One-shot bootstrap commands for new projects
More · Everything else this app exposes.1
Get an indexGET /r/styles/new-york/index.json

Install in three steps

  1. Create a free account at 0n3.app and connect shadcn/ui: paste a key or sign in through a door. It lands in your vault, encrypted.
  2. Open 0n3.app/install, pick your AI. A key is made for that AI alone; copy the line it gives you.
  3. Ask your AI: whoami. It answers with your connected services. Then ask it to get a component schema in shadcn/ui.
Install (user scope — every project)
claude mcp add --transport http --scope user 0n3 https://0n3.app/mcp --header "Authorization: Bearer <your 0n token>"

Connect shadcn/ui to

Claude Code + shadcn/uiMCP server + skillClaude (desktop & claude.ai) + shadcn/uiconnectorChatGPT + shadcn/uiconnector · GPT actionCodex CLI + shadcn/uiMCP serverGemini CLI + shadcn/uiMCP serverCursor + shadcn/uiMCP serverVS Code (Copilot) + shadcn/uiMCP serverWindsurf + shadcn/uiMCP server

Questions

What can an AI do with the shadcn/ui MCP server?

2 things: list components, search components, get component, install command and more. Every call runs with your own shadcn/ui connection and lands on a receipt.

Do I need to run anything on my computer?

No. 0n3 is hosted. Connect shadcn/ui once, install 0n3 into your AI with one line, done.

Where does my shadcn/ui key go?

Into your 0n3 vault, encrypted, one record per connection. The AI never sees it.