shadcn CLI
One command, source in your project.
npx shadcn@4.23.0 add @xzero-ui/buttonThe React UI library your
AI agents can build with.
237 animated components and 137 blocks. Add them with the
shadcn CLI or the MCP server.
Used by developers atBCGWhopA24airtelCoinTrackerTeamworksnearform
Charts, dashboards and flows
Advanced charts, complete blocks and a few standout motion pieces, ready to drop into a real product.
Revenue globePro
A dotted globe where live payments arc home to headquarters, with a replayable day.
Customer galaxyPro
2,400 accounts as a drifting galaxy that spirals into clusters by plan, region or health.
Horizon chartPro
A horizon chart that stacks fourteen daily series as compact folded rows, with a synced crosshair, a sort by name, peak or latest, a band count setting that folds every row on one spring, and a legend that explains how to read the bands.
Kanban boardPro
A kanban board where cards lift, tilt and spring into the slot that opens for them, with swimlanes and live WIP limits.
Choropleth explorerPro
A filled-region map that shades every state or region by revenue, growth or penetration on a stepped scale, with a country switch (United States, Canada, Brazil, United Kingdom, France, Germany, Italy, Australia), a hoverable legend, a synced ranked list and a camera zoom into local detail.
AI chatPro
A full-screen AI chat where answers stream in as markdown with folding reasoning, tool chips and cited sources. People can switch chats and models, edit or retry a message into versions, rate replies and stop a reply mid-stream.
The everyday pieces, finished
Menus, fields, dialogs and tables with keyboard support and quiet motion. The core set is free.
Command paletteFree
A complete keyboard driven action surface with search, grouped results, and shortcuts.
Dropdown menuFree
A focused list of actions anchored to a trigger.
DialogFree
A focused surface for decisions that need attention.
Morph selectFree
A select whose trigger grows into the list, with a gliding highlight and type-ahead.
TabsFree
Switch between related content in the same context.
Toast stackFree
Stack short results at the edge until you reach for them.
Date pickerFree
Choose a date without losing context.
Elastic sliderFree
A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.
SwitchFree
A tactile toggle for settings that take effect immediately.
From your terminal, or from your agent
Give Xzero UI to your AIPublic MCP server
Search, read source, and install in your project.
https://mcp.xzero.co.uk/mcpFree core, Pro on top
374 components and blocks.
20 agent skill files.
One complete library.
Good questions
How do I add a component?
Register the Xzero UI namespaces from the installation guide, then use the shadcn CLI or copy the complete source files.
Can my AI tool use Xzero UI?
Codex, Claude, Cursor, and VS Code can connect using the public Streamable HTTP URL.
Does this contact upstream servers?
The running snapshot reads local files. Acquisition is a separate command that you run explicitly.
Can I change how it looks?
Every component is plain source. Edit its CSS modules or customize the shared tokens, themes, and motion presets.
Start with one component
Try it on its page, then install it with one command.
Explore components