Shadcn MCP for Qodo Gen

One MCP URL gives Qodo Gen live tools to search, preview, and install every block, component, and icon on shadcn.io — no hallucinated props, no broken installs.

Install

Open the Qodo Gen chat panel in VS Code or IntelliJ, click Connect more tools, then click + Add new MCP, and paste the configuration below:

Paste it in once signed in with an active Pro subscription — the config carries your personal token, so treat the full URL like an API key. Pro starts at $19/mo and includes MCP access across every editor plus 6,000+ production-ready blocks. Not Pro yet? See what you unlock →

Qodo Gen's chat panel is available in both the VS Code extension and the JetBrains plugin — the MCP config is shared between the two when signed into the same Qodo account.

Share with your team

Qodo Gen stores MCP configs per-install, so there's no committed-config pattern. For teams, share the setup steps and let each member paste in their own token from /dashboard/account. A Team or Organization plan gives every workspace member their own Pro entitlement.

Install your first block

use shadcnio to install hero-announcement into my project

What Qodo Gen actually does, in order:

1. search_items({ query: "hero-announcement" }) to confirm the slug resolves.
2. get_item({ name: "hero-announcement" }) for a cheap metadata peek.
3. get_install_command({ name: "hero-announcement" }) — returns a shadcn add https://www.shadcn.io/r/hero-announcement.json?token=… URL with your token already in the query string.
4. Runs it through the IDE's integrated terminal. Files land under components/ui/.

Name the server explicitly ("use shadcnio…") when multiple MCPs are configured. Qodo Gen's agentic mode routes tool calls based on the named server, so being explicit helps.

The example above uses hero-announcement, a Pro block — the install runs once you're signed in with an active subscription.

Manage the connection

Return to Connect more tools in the Qodo Gen chat panel to edit, disable, or remove servers. Qodo Gen reloads MCP config on save, so changes take effect without restarting the IDE.

If your Pro subscription lapses, the next tool call returns 403 and Qodo Gen surfaces the error in its chat panel. Resubscribing restores access immediately — the token stays valid across subscription gaps.

FAQ