21st.dev Magic
Official
Create crafted UI components inspired by the best 21st.dev design engineers
About 21st.dev Magic MCP Server
21st.dev Magic is an MCP server in the Development category. It exposes tools, resources to connected AI applications, enabling them to interact with 21st.dev magic capabilities through the standardized Model Context Protocol.
Features
Tools
Resources
Category
Development
Getting Started
To use the 21st.dev Magic MCP server in your AI application, follow these steps:
- Install the MCP client SDK for your platform
- Connect to the 21st.dev Magic MCP server
- Authenticate with your 21st.dev Magic credentials
- Start using the tools, resources, and prompts provided by the server
Example Code
// Connect to the 21st.dev Magic MCP server
const server = await mcp.connect("21st.dev magic");
// List available tools
const tools = await server.tools.list();
// List available resources
const resources = await server.resources.list();
// List available prompts
const prompts = await server.prompts.list();
Installation
npm
npm install @mcp/server-21st.dev magicpip
pip install mcp-server-21st.dev magicCompatible With
Claude Desktop
Cursor
Windsurf
Zed
Any MCP-compatible client