✨

Magic MCP Server

AI-powered UI Component Builder by 21st.dev

Server Online

🎨 What is Magic?

Create beautiful, modern UI components by describing them in natural language. Magic transforms your ideas into production-ready code.

🚀 Powered by MCP

Built on the Model Context Protocol, enabling seamless integration with AI assistants like Claude, Cursor, and Windsurf.

🔑 Authentication

Requires both server API key and your personal Magic API key from 21st.dev console.

⚡ Real-time Generation

Instantly generate React, Vue, Angular, and vanilla JavaScript components with modern styling.

Available Endpoints

GET / No auth

GET /health No auth

GET /tools 🔒 Auth required

POST /mcp 🔒 Auth required

Authentication Headers

            X-API-Key: <server-api-key>
X-Magic-API-Key: <your-21st.dev-magic-api-key>
        

Example Request

            curl -H "X-API-Key: <server-api-key>" \
     -H "X-Magic-API-Key: <your-magic-api-key>" \
     https://magic.mcp.majewscy.tech/tools
        

Get Your Magic API Key

To use this service, you need a Magic API key from 21st.dev:

Visit 21st.dev Magic Console
Sign in or create an account
Generate your personal API key
Include it in your requests as shown above