Enterprise Feature
KiteUI MCP Server
Give your AI assistant superpowers. Access KiteUI documentation, generate code, and build faster with the Model Context Protocol.
Full 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
cURL Example
curl -X POST https://kiteui.dev/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
// Add to claude_desktop_config.json
{
"mcpServers": {
"kiteui": {
"command": "curl",
"args": ["-X", "POST", "https://kiteui.dev/api/mcp"],
"env": {
"KITEUI_API_KEY": "mcp_YOUR_LICENSE_KEY"
}
}
}
}Cursor / VS Code
// Add to .cursorrules or settings // The MCP server URL: https://kiteui.dev/api/mcp // API Key header: X-API-Key: mcp_YOUR_LICENSE_KEY // Or use the KiteUI extension (coming soon)
Custom Integration
// JavaScript/TypeScript
const response = await fetch('https://kiteui.dev/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?
Get Enterprise access for unlimited MCP usage, priority support, and custom components.
View Pricing