Set up 21st.dev Magic in VS Code

communityunknownunknownno verified config · noindex

Create crafted UI components inspired by the best 21st.dev design engineers.

01Configuration

# 21st.dev Magic: no install method on record yet.

No runnable install method captured for this server yet, so a verified setup config can't be generated.

02Steps

Make sure VS Code is installed and up to date.
Open .vscode/mcp.json and add the block above (merge into any existing mcpServers).
Provide any required API keys/credentials as environment variables.
Restart VS Code and confirm 21st.dev Magic’s tools appear.

03Other runtimes

04Provenance

config_sourcegenerated from captured install method

last_checked2026-06-29 07:55Z

sourcesAwesome MCP Servers (wong2) [p6]

Next step

Ship 21st.dev Magic to your agents as a governed Loadout — config, scopes, and approval rules in one place.