21st-dev-magic / setup / langgraph
Setup guide
Set up magic-mcp in LangGraph
communitystdiohealthyno verified config · noindex
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
01Configuration
# magic-mcp via LangGraph
# transport: stdio
# launch: npx -y @21st-dev/magic@latest
LangGraph connects to MCP servers in code. Use its MCP client with the command/URL below; exact API varies by version.
02Steps
- Make sure LangGraph is installed and up to date.
- Wire the server into LangGraph using its MCP client API.
- Provide any required API keys/credentials as environment variables.
- Restart LangGraph and confirm magic-mcp’s tools appear.
03Other runtimes
04Provenance
config_sourcegenerated from captured install method
last_checked2026-08-16 21:33Z
sourcesGitHub repo search [p4] · Awesome MCP Servers (wong2) [p6]
Next step
Want agents that act within guardrails? Apex is the live governed-agent product — paced, capped, and fully-logged actions with approvals before anything runs.
Explore Apex →See also: server page · is it safe? · alternatives