magic-mcp vs 21st
Coding-agent UI tools compared with a React component registry
magic-mcp is a compatibility proxy that connects coding agents to 21st’s MCP tools for finding and retrieving UI components. 21st is a web-based registry for browsing, publishing, and installing React components; the projects differ mainly in whether you need agent integration or a component marketplace.
magic-mcp: Connect Coding Agents to 21st UI Tools
A compatibility proxy that connects coding agents to the 21st MCP service for React and Tailwind UI discovery and generation. It suits developers who want to search components or access hosted UI tools from their editor, with a fresh 21st API key.
21st: Discover and Install React UI Components
21st is a community registry and marketplace for reusable React components built with Tailwind CSS and Radix UI. It helps developers find, publish, and install shadcn/ui-style components in their projects.
| magic-mcp | 21st | |
|---|---|---|
| Language | TypeScript | TypeScript |
| License | ISC | MIT |
| Stars | 6k | 5.5k |
| Forks | 469 | 324 |
| Last analyzed | Oct 3, 2026 | Oct 3, 2026 |
Key differences
- magic-mcp forwards MCP requests to 21st and preserves compatibility with older Magic MCP configurations; 21st provides a registry for discovering, publishing, and installing components.
- magic-mcp is aimed at coding-agent users who want component search, code retrieval, or hosted generation when their account allows it; 21st serves React developers and component authors.
- 21st components can be installed with an `npx shadcn` command, while magic-mcp connects agents through a proxy or supported plugin packaging.
- magic-mcp is licensed under ISC and has 6k stars and 469 forks; 21st is licensed under MIT and has 5.5k stars and 324 forks.
- Both projects use TypeScript and are not archived. magic-mcp requires a fresh 21st API key, and 21st’s local setup requires Supabase, Clerk, and Cloudflare R2 credentials.
Choose magic-mcp if you…
- need to keep an older Magic MCP configuration working with a fresh 21st API key.
- want to search for or retrieve React and Tailwind UI code from a coding-agent environment.
- need a compatibility proxy or supported agent plugin to access 21st MCP tools.
Choose 21st if you…
- want to browse and install React components, blocks, or hooks in a project.
- want to publish reusable components with demos for community review.
- use Tailwind CSS and shadcn/ui conventions and prefer installing components with the shadcn CLI.
Compare the numbers side by side, or add more projects
This comparison is generated with AI from the OSRepos analyses of both projects. Always check each project's repository and documentation before choosing.