Search 21st.dev UI components & themes, get their code, and generate new ones with 21st AI.
Install 21st.dev
For anyone using 21st.dev — no Lulu account neededclaude mcp add --transport http 21st-dev https://21st.dev/api/mcp
9 field-tested tactics as a designed playbook plus skills your coding agent can run. Free.
Get the Kit →FAQ
Run: claude mcp add --transport http 21st-dev https://21st.dev/api/mcp
Yes — it’s a remote MCP server, so no local install is needed.
ChatGPT: Settings → Connectors → Advanced → Developer mode → Add connector, then paste https://21st.dev/api/mcp.
Claude.ai: Settings → Connectors → Add custom connector, then paste the same URL.
15 out of 100, computed from cross-registry traction signals (installs, stars, registry presence) — never influenced by sponsorship.
Works well together
Your server?
This is for the person who owns 21st.dev — adds Lulu Ads to your own code. Not the install steps above, those are for your users.
Copies a ready prompt: your coding agent installs the lulu-ads SDK, wires the slot, and applies the widget design guide.
or set up manually at getlulu.dev/publishers
Verify ownership, edit the page, add your badge.
Managed hosting with monetization built in — waitlist.