Let your AI assistant use uidiy components directly
MCP (Model Context Protocol) lets AI coding assistants connect to external tools. With uidiy MCP, your AI can search, preview, and install UI components into your project — just by asking in natural language.
"Go to uidiy and find me a nice toggle switch"
→ AI searches uidiy → finds component → writes code to your project. Done.
One config, no installation. Copy and paste into your AI tool:
Add to ~/.claude/settings.json
{
"mcpServers": {
"uidiy": {
"command": "npx",
"args": ["uidiy-mcp"]
}
}
}Add to .cursor/mcp.json in your project
{
"mcpServers": {
"uidiy": {
"command": "npx",
"args": ["uidiy-mcp"]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"uidiy": {
"command": "npx",
"args": ["uidiy-mcp"]
}
}
}Add to your MCP configuration:
{
"mcpServers": {
"uidiy": {
"command": "npx",
"args": ["uidiy-mcp"]
}
}
}Add to your MCP configuration:
{
"mcpServers": {
"uidiy": {
"command": "npx",
"args": ["uidiy-mcp"]
}
}
}That's it. Restart your AI tool and start asking for components.
search_componentsSearch by natural language, category, or tags
"Find me a loading animation"
get_componentGet code in HTML, React, Vue, or Svelte
"Use that toggle switch in my React project"
list_categoriesBrowse all available categories
"What kinds of components does uidiy have?"
get_popularSee trending components
"Show me the most popular buttons on uidiy"
> "Find me a toggle switch from uidiy and add it to my project"
✓ Connected to uidiy MCP
✓ search_components({ query: "toggle switch" })
✓ Found 1 component: Neumorphic Toggle Switch
✓ get_component({
slug: "neumorphic-toggle-switch",
framework: "react"
})
✓ Written to components/toggle-switch.tsx
Done. Component is ready to use.Prefer the command line? Use the CLI directly:
npx uidiy add <slug>Add a componentnpx uidiy search <query>Search componentsnpx uidiy listList allnpx uidiy info <slug>Component detailsnpx uidiy categoriesList categoriesBuild your own integrations:
/api/componentsList & search/api/components/:slugGet component code/api/components/categoriesList categoriescurl https://ui.page-diy.com/api/components?q=toggle&limit=5