Paid plans
KiteUI MCP Server
Connect Cursor and Claude Desktop with kiteuikit-mcp@0.1.0. Access component docs, design tokens, and code generation from your editor.
Cursor & Claude Desktop
Add to .cursor/mcp.json or claude_desktop_config.json. Restart your editor. Do not use curl as the MCP command.
{
"mcpServers": {
"kiteui": {
"command": "npx",
"args": ["-y", "kiteuikit-mcp@0.1.0"],
"env": {
"KITEUI_API_KEY": "mcp_KITE-XXXX-XXXX-XXXX"
}
}
}
}Full setup guideFull Documentation
Access complete component docs, props, and examples directly in your AI assistant
Code Generation
Generate ready-to-use component code with custom props and imports
Design System
Get design tokens, colors, typography, and animation patterns
Try it out
Request Builder
Leave empty to see auth error example
{
"componentName": "bubble-card"
}Response
Click "Execute Request" to see the response
REST / cURL
Scripts & CI only — use kiteuikit-mcp in Cursor
curl -X POST https://kiteui.com/api/mcp \
-H "Content-Type: application/json" \
-H "X-API-Key: mcp_YOUR_LICENSE_KEY" \
-d '{"tool":"kiteui_get_component","params":{"componentName":"bubble-card"}}'Integration Guide
Claude Desktop & Cursor
{
"mcpServers": {
"kiteui": {
"command": "npx",
"args": ["-y", "kiteuikit-mcp@0.1.0"],
"env": {
"KITEUI_API_KEY": "mcp_KITE-XXXX-XXXX-XXXX"
}
}
}
}REST / scripts
// Direct HTTP (CI, custom agents) — not for Cursor MCP // POST https://kiteui.com/api/mcp // Header: X-API-Key: mcp_KITE-XXXX-XXXX-XXXX
Custom Integration
// JavaScript/TypeScript
const response = await fetch('https://kiteui.com/api/mcp', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-API-Key': 'mcp_YOUR_LICENSE_KEY',
},
body: JSON.stringify({
tool: 'kiteui_get_component',
params: { componentName: 'bubble-card' },
}),
});
const data = await response.json();
console.log(data.result);Ready to supercharge your workflow?
MCP is included with any paid plan — Pro, Team, or Enterprise.
View Pricing