EmpireUI
Sign inGet Pro
AI-native · Model Context Protocol

Your AI editor,
with 40 styles of UI built in.

The Empire UI MCP serverlets Claude Code, Cursor and any MCP client search our free component catalogue and paste production-ready React & Tailwind straight into your files.

Set up in 30 seconds →Read the docs
1
Add the server
One JSON block in your editor settings — Claude Code, Cursor, Windsurf or any MCP client.
2
Ask for UI
“Add a glassmorphism pricing card” — the agent searches Empire UI and picks the right block.
3
Ship the code
The component lands in your file in your style — free, MIT, no dependency.

Setup

Claude Code
settings.json
// ~/.claude/settings.json  (or .claude/settings.json in your project)
{
  "mcpServers": {
    "empire-ui": {
      "command": "npx",
      "args": ["empire-ui-mcp", "--stdio"]
    }
  }
}
Cursor
mcp.json
// .cursor/mcp.json
{
  "mcpServers": {
    "empire-ui": {
      "command": "npx",
      "args": ["empire-ui-mcp", "--stdio"]
    }
  }
}

Tools your agent gets

search_components
Search the catalogue by name, style or description — returns slugs + summaries.
get_component
Full React + Tailwind source for a component slug, ready to paste.
list_styles
The 40 visual styles with their design tokens.
get_random_component
A random published block — great for inspiration loops.

Prefer plain REST?

Everything the MCP server exposes is also available as a public JSON API — use it from scripts, CI or your own agents.

terminal
# The same catalogue over plain REST — no key required
curl https://empire-ui.com/api/mcp/search?q=pricing
curl https://empire-ui.com/api/mcp/component/animated-button
curl https://empire-ui.com/api/mcp/categories
curl https://empire-ui.com/api/mcp/random
Want higher limits & premium templates?
Pro adds a hosted MCP key, Figma export and the template library.
See pricing →