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. Get your key

Open your account, go to Your editor and press Create a key. It is shown once, so copy it there and then. A key can be revoked at any time, and you can hold up to five.

Open my account and create a key

2. Connect the editor

Claude Code

claude mcp add --transport http uncodeui https://uncodeui.com/mcp --header "Authorization: Bearer YOUR_KEY"

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

Cursor, Windsurf, Claude Desktop

Add the server to the MCP settings file:

{
  "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 with the header 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 the key expire? No. It works until you revoke it. If one leaks, revoke it and make another; nothing else changes.

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