Set up the MCP in under a minute

The unordinary MCP server lets Claude Code, Cursor, Codex, v0 and any other MCP-compatible tool browse the library and drop components straight into your project — no copy-pasting from the site.

Upgrade to a paid plan

The MCP unlocks the same source you get on the site, so it needs an active subscription. Any paid plan works.

View plans

Pick your AI tool

Registration looks a little different in each. Choose yours:

Register the MCP server

Run this in your project root.

Terminal / config

claude mcp add --transport http unordinary \
  https://mcp.unordinary.app/mcp \
  --header "Authorization: Bearer <YOUR_TOKEN>"

Replace <YOUR_TOKEN> with a token from your . Restart Claude Code if it was already open, then ask it for a component.

You're all set

Ask your tool for any component in the library — it pulls the source straight into your project, tied to your account.

What you can ask for

Once it's connected, just talk to your tool in plain English. A few things people ask the unordinary MCP:

Browse the library

“What hero sections do you have?”
“List your button hover animations.”
“Show me every page transition in the library.”

Drop in a section

“Add your bento features section to app/page.tsx.”
“Insert a pricing section above the footer.”
“Put the animated testimonial slider on my landing page.”

Get the exact format

“Give me the GSAP timeline for the text reveal.”
“Export the navbar as a React + Tailwind component.”
“Just the HTML/CSS version of the marquee, no JS.”

Compose & customize

“Build a landing page from your components: hero, features, pricing, footer.”
“Show an example of wiring up the scroll-triggered gallery.”
“Change the aurora hero to match my brand colors.”