MCP serverAgent Resources, Components
21st.dev Magic MCP
Describe a component in your agent and get a polished one generated from a large library.

What it is
21st.dev hosts a community library of React and Tailwind components, and its Magic MCP server lets you ask your coding agent for a component in plain language ("a pricing table with a toggle") and receive one built from that library. Free tier with limits.
Why it’s here
Faster than browsing when you know roughly what you want. Treat the output as a starting point and restyle it to your system; it will come back in a generic style otherwise.
Best for
- generating components in your agent
- quick UI scaffolding
- landing sections
Can my agent use this?
Agent excellent agent friendlinessYes, this is built for agents. Install the MCP server per the docs, then describe the component you need.
Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods
- MCP
- Docs
- GitHub
- Public website
Related resources
shadcn MCP server 
shadcn MCP server
Let your agent browse, search and install components from any shadcn registry.
MCP serverFreeOpen sourceexcellent agent friendlinessContext7 
Context7
An MCP server that feeds your agent current, version-specific library docs.
MCP serverOpen sourceexcellent agent friendlinessStaff pickUsed by mev0 
v0
Vercel's generative UI tool: describe a screen, get a shadcn/ui implementation.
Toolgood agent friendlinessscreenshot-to-code 
screenshot-to-code
Drop in a screenshot or design and get working HTML, Tailwind or React back.
ToolOpen sourcegood agent friendliness