Server Statistics

setup time

5 minutes

github stars

4,003

forks

269

watchers

4,003

open issues

19

contributors

6

last updated

2 months ago

language: typescript

description

enables developers to create ui components using natural language descriptions.

use cases

  • generate a modern navigation bar with responsive design.
  • create customizable ui components quickly.
  • integrate ai-driven ui generation into existing projects.

technical details

githubdocumentation@21st-dev/magic

prerequisites

  • node.js 18+
  • api key from 21st.dev magic console

installation steps

  1. step 1: generate an api key from 21st.dev magic console.
  2. step 2: choose an installation method (cli or manual configuration).
  3. step 3: configure your ide with the provided settings.

configuration example

{"mcpServers": {"@21st-dev/magic": {"command": "npx", "args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]}}}}

required accounts

github
21st.dev

tags

ui
ai
frontend
typescript
mcp
model-context-protocol