mcp server
21st.dev Magic
A Model Context Protocol (MCP) server designed to help create custom UI components, drawing inspiration from the design principles of 21st.dev engineers.
About
21st.dev Magic is an MCP server for generating and refining custom UI components on demand. It draws on the design patterns of leading 21st.dev engineers, helping developers create polished, production-ready interface elements directly from their AI tools.
Frequently asked questions
What is the 21st.dev Magic MCP server?
A Model Context Protocol (MCP) server designed to help create custom UI components, drawing inspiration from the design principles of 21st.dev engineers.
How do I install 21st.dev Magic?
Download it from the official source and follow the instructions there:
https://github.com/21st-dev/magic-mcpWhich AI tools does 21st.dev Magic work with?
It works with claude_app, claude_code, cursor, windsurf, cline, github_copilot, zed, continue.
Is 21st.dev Magic free?
Yes, it is free to use.
Related assets
More curated picks in Design & Creative.
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
AI Agent / MCP Server Tester
ai testing
Automated Web Security Scan
security
AI Content Quality Test
arabic content
Site Stack Detector
migration
PageSpeed Analyzer
performance
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Schema / JSON-LD Builder
ai visibility
Readability Score
arabic content
AI Cost Calculator
ai testing
Headline Analyzer
arabic content