Categories › Software Development › Frontend, UI components & design-to-code
Find React UI components, read their docs, and get shadcn install commands.
Remote server: your requests and data go to caliperui.site. Claude Code: claude mcp add --transport http caliper-ui https://caliperui.site/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
search_components — Find Caliper UI components, blocks and Pro screens by what they do (for example 'date range', 'billing usage', 'chat composer'). Returns namget_component — A component's docs as Markdown: when to use it, install command, props for every part, keyboard and accessibility notes. Includes the usage get_component_source — Every source file the component needs, with the path to write it to. Pro parts need Authorization: Bearer <CALIPER_TOKEN> on the MCP connectget_install_command — The components.json registry config and the shadcn CLI command that installs the given parts with their dependencies.get_design_rules — The conventions to follow when building UI with Caliper UI in this project: tokens, hierarchy, focus, motion and interface copy.Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.