Your editor

You do not have to come here to copy a component. Connect Uncode UI to your editor once and ask for it in the chat, or install it with a single command. Either way the component lands in your project as a file, with its example beside it.

It counts exactly like copying on the site: a free account takes four a week, a subscription has no limit, and everything shows up under Copies in your account.

1. Connect in one click

In claude.ai and Claude Desktop, open Settings, then Connectors, choose Add custom connector and paste this address. Press Connect, sign in to Uncode UI, press Allow. That is it: the connector shows up in Claude Code too, and on your phone.

https://uncodeui.com/mcp

Claude Code

claude mcp add -s user --transport http uncodeui https://uncodeui.com/mcp

Then type /mcp, pick Uncode UI and sign in. The browser opens once.

Then just ask: find a cinematic hero in Uncode UI and add it to this page.

Cursor, Windsurf

Add the server to the MCP settings file. The editor opens the sign-in the first time you use it:

{
  "mcpServers": {
    "uncodeui": { "url": "https://uncodeui.com/mcp" }
  }
}

2. With a key instead

For tools that cannot sign in for you, such as the shadcn command line or a build server, use a key. Open your account, go to Your editor and press Create a key. It is shown once, so copy it there and then. You can hold up to five and revoke any of them at any time.

Open my account and create a key

The same server takes the key in a header:

{
  "mcpServers": {
    "uncodeui": {
      "type": "http",
      "url": "https://uncodeui.com/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}

Lovable

In the chat, open the connectors panel, choose to add your own MCP server, and give it the address https://uncodeui.com/mcp. If it asks you to sign in, sign in; if it asks for a header, use Authorization: Bearer YOUR_KEY.

The shadcn command line

Installs one component into the project you are in:

npx shadcn@latest add https://uncodeui.com/r/aether-hero.json

To keep the key out of the command, add the registry to your components.json and use the short name afterwards:

{
  "registries": {
    "@uncode": {
      "url": "https://uncodeui.com/r/{name}.json",
      "headers": { "Authorization": "Bearer ${UNCODE_KEY}" }
    }
  }
}

npx shadcn@latest add @uncode/aether-hero

What the assistant can do

• search_components looks through the catalogue by words, and costs nothing.
• get_component brings the code and the example, and spends one copy.

The names are the same as on the site, so if you already found something here you can name it directly: add morph-gallery from Uncode UI.

Questions people ask

Does it expire? A key you create never does. A connection made by signing in renews itself, and you can cut it in Your editor whenever you like.

Is the code the same? Yes, the same files the copy button gives you, with the licence notice where the original had one.

What if I run out of copies? The assistant says so and points at the plans page. Nothing breaks.

Something not working? Write to us from your account and we answer there.

Open support