Browse and customize production-ready components. Integrate via MCP, CLI, or copy-paste. Built for vibe coding.
npx uidiy add magnetic-buttonBrowse the website, customize colors and size, copy the code.
npx uidiy add <component> — installs directly into your project.
Your AI assistant connects to uidiy and integrates components for you.
Hand-picked, production-ready UI pieces
Neumorphic toggle switch with sliding circular knob
Product card with glass info panel and colored tags
A rotating spinner loader for indicating loading states.
Connect uidiy to Claude Code, Cursor, or any MCP-compatible AI. Your assistant can search, customize, and install components directly into your project — no browser needed.
> "Add a pricing card from uidiy"
✓ Connected to uidiy MCP
✓ Found 12 pricing components
✓ Selected: "pricing-tier-card"
✓ Customized: primary=#2563eb
✓ Written to components/pricing-card.tsx
Done. Component is ready to use.