About UICapsule
UICapsule is a curated collection of React components with distinctive motion, installed through the shadcn CLI. It targets frontend developers who want motion-rich components, and it exposes search and installation to MCP clients.
Key features
- 01Search components by what they do
- 02Install components through the shadcn CLI
- 03React components with distinctive motion
- 04Streamable HTTP endpoint for MCP clients
Use cases
- 01Letting a coding agent find and install React components by purpose
- 02Adding motion-rich components to a user interface
MCP support
UICapsule runs a remote MCP server that clients can reach at a single HTTP URL to search for and install components.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://www.uicapsule.com/mcpclaude mcp add --transport http com-uicapsule-components https://www.uicapsule.com/mcp{"mcpServers":{"com-uicapsule-components":{"type":"http","url":"https://www.uicapsule.com/mcp"}}}Open in Cursor{"servers":{"com-uicapsule-components":{"type":"http","url":"https://www.uicapsule.com/mcp"}}}Open in VS Code{"mcpServers":{"com-uicapsule-components":{"type":"http","url":"https://www.uicapsule.com/mcp"}}}{"mcpServers":{"com-uicapsule-components":{"serverUrl":"https://www.uicapsule.com/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
2| Parameter | Type | Required | Description |
|---|---|---|---|
| tags | array | No | Only components carrying every one of these tags |
| limit | integer | No | |
| query | string | No | Free text, e.g. "rotary dial" or "ios volume slider" |
Details
From the project READMEUICapsule
A curated collection of components that spark joy
Install a component
npx shadcn@latest add @uicapsule/<slug>
Browse www.uicapsule.com for slugs.
MCP
Let your agent search and install components by what they do:
claude mcp add --transport http uicapsule https://www.uicapsule.com/mcp
Any client that speaks Streamable HTTP works with the same URL. Also listed in the
MCP Registry as com.uicapsule/components.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.