21st.dev Magic

UI Component Generation MCP Server, allowing AI to directly search and use React components from the 21st.dev component library. Provides over 2,000 carefully designed UI components, enabling AI coding assistants (Cursor/Claude Code) to generate more beautiful frontend interfaces.

Install

npx @21st-dev/magic@latest

Visit repository ↗

Also available in 中文.

Getting Started

Learn how to get started with this application.

Learn more

Installation Guide

21st.dev Magic

Documentation

Getting Started

Learn more