Individual
Solo developer
Was $49$32Save $17/mo
Billed annually as $389
- All access
- 1 seat
- Personal & OSS use
Your AI editor just learned shadcn/ui.
No more hallucinated props. One MCP gives your agent live search, previews and installs across 6,000+ real blocks and 285k React icons.
- hallucinations
- 0
- blocks
- 6,000+
- React icons
- 285k
- wasted tokens
- 0
Terminal
$ claude mcp add shadcnio "https://shadcn.io/api/mcp?token=•••"✓ Connected · 15 tools auto-discovered> build a pricing section with a comparison table▸ search_items("pricing") → 40 blocks▸ get_item_details("pricing-grouped-comparison-table")▸ get_install_command → npx shadcn add "…?token=•••"✓ Installed. Ready to ship.Works with the editors you already use
Eight most-used AI agents below — every setup guide is a single Pro URL away.
CPro
Claude Code
SetupOfficial Anthropic CLI — one-line claude mcp add setup
CPro
Cursor
SetupOne-click install via Cursor 1.0+ or ~/.cursor/mcp.json
ZPro
Zed
SetupFast, modern editor — connect via ~/.config/zed/settings.json
CPro
Claude Desktop
SetupCustom Connectors UI — paste one URL, no restart
VPro
VS Code
SetupCopilot agent mode with .vscode/mcp.json per workspace
WPro
Windsurf
SetupCascade MCP marketplace — token via env interpolation
JPro
JetBrains
SetupAI Assistant across IntelliJ, WebStorm, PyCharm and more
OPro
OpenAI Codex
SetupTOML config at ~/.codex/config.toml — CLI and IDE share state
No more AI guesswork
Here's exactly what changes when your agent plugs into the shadcn.io MCP.
Pain pointWithout MCPWith MCP
Hallucinated output
Fake props, invented APIs, wrong deps
Real metadata, verified dependencies
Token cost
Thousands of tokens burned on guesses
~200 tokens per search, not thousands
Install reliability
3–4 rounds of 'fix this' per component
First-shot installs, every time
Finding components
Browse, copy slugs, guess names
Instant search across 6,000+ blocks
Data freshness
Months-stale training data
Live registry, always current
The entire shadcn.io registry
Your AI agent searches, previews, and installs across 6,000+ blocks, 285k icons, and every shadcn/ui primitive — live, verified, one prompt away.
MCP Playback6,000+ items
# Fuzzy search every block, component, hook, chart and preset by title→ search_items({ query: "pricing comparison" }) { "results": [ { "title": "Pricing Grouped Comparison Table" }, { "title": "Pricing Tiers Matrix" } ], "count": 40 }
What Pro saves you
$389/yr replaces ~$24,000/yr of UI work — same blocks, in seconds via MCP.
Hand-coded
$24,000/yr
~240 blocks/yr at $100/hr
With Pro
$389/yr
Same blocks, installed in seconds
You save
$23,611/yr
That's $1,968 back every single month.
Plus 14 premium templates (worth $1000), 285k+ icons, and lifetime updates — included.
Based on ~20 blocks/month at $100/hr (1h per block hand-coded). Your numbers are likely higher.
Stop building UI from scratch.
Production-ready React components your team can copy, paste, and ship today.
Yearly. Individual $32, Billed annually as $389. Team $66, Billed annually as $789. Organization $132, Billed annually as $1589.
Team, Most popular
Up to 5 devs · commercial
Was $99$66Save $33/mo
Billed annually as $789
- All access
- 5 seats
- Commercial use
Organization
Unlimited seats · enterprise
Was $199$132Save $67/mo
Billed annually as $1589
- All access
- Unlimited seats
- Commercial use
Secure checkout via StripeCancel anytimeLicense terms
Need a full feature breakdown? Compare every plan →
Built with shadcn.io
50k+ devs are building with shadcn.io components
fetchtalent.ai
Fetchtalent AI
infosignal.com
InfoSignal Inc.
textbooklm.co
TextbookLM
toonly.ai
Toonly AI
golexos.com
Lexos
skillura.com
Skillura
ifs-infoboard.com
InfoBoard
meetingiq.com
Meeting IQ
genysolutions.tech
Gen Y Solutions
nickwemyssrealestate.com
Intero Properties
onlytool.ai
Onlytool
stakenet.app
Stakenet
philippine.careers
PH Careers
usemidas.app
Midas
lancershout.com
Lancershout
arete.codes
Arete Codes
Devs love shadcn.io
We've been blown away by the love & support from users
Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.
I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.
As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.
The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.
Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.
Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!
These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.
shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.
Outstanding support and premium quality templates. The ROI on these templates is phenomenal.
shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.
I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.
The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.
As a non-technical founder, shadcn.io templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away!
I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.
The ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.
Used by 50k devs
and across top universities
University of Washington
University of Illinois Urbana-Champaign
Arizona State University
Harvard University
UC Berkeley
Cornell University
Dartmouth College
Carnegie Mellon University
UCLA
UC San Diego
Northeastern University
Boston University
Rochester Institute of Technology
Worcester Polytechnic Institute
University of Pittsburgh
University of Georgia
University of Cincinnati
IE Business School
ESSEC Business School
Universidad EAFIT
Universitat Pompeu Fabra
Frequently asked questions
What MCP gives your agent, how it compares to pasting docs, and how Pro access works.