Uibeats MCP server
{
"mcpServers": {
"uibeats": {
"command": "npx",
"args": [
"-y",
"@uibeats/mcp@latest"
]
}
}
}{
"mcpServers": {
"uibeats": {
"command": "npx",
"args": [
"-y",
"@uibeats/mcp@latest"
]
}
}
}{
"mcpServers": {
"uibeats": {
"command": "npx",
"args": [
"-y",
"@uibeats/mcp@latest"
]
}
}
}{
"servers": {
"uibeats": {
"command": "npx",
"args": [
"-y",
"@uibeats/mcp@latest"
]
}
}
}{
"mcpServers": {
"uibeats": {
"command": "npx",
"args": [
"-y",
"@uibeats/mcp@latest"
]
}
}
}file .mcp.json (in your project root)file claude_desktop_config.jsonfile ~/.cursor/mcp.jsonfile .vscode/mcp.jsonfile ~/.codeium/windsurf/mcp_config.jsoninstall npx -y @uibeats/mcpversion 0.1.3
What it does
MCP server for UI Beats, a collection of 52 animated React components built with TypeScript, Tailwind CSS, and Motion. Lets coding agents search, read component documentation, and get installation commands for components that can be installed via shadcn CLI or copied manually.
- Search the UI Beats component catalogue by name or category to find an animated React component that matches your needs.
- Read the full source code and props documentation for a component before installing it into your project.
- Get the exact shadcn CLI command to install a component and its dependencies into your codebase.
Tools this server exposes
| Tool | Does |
|---|---|
| search_components | Search the component catalogue by name or keyword. |
| list_components | List all available components in the catalogue. |
| get_component | Retrieve full documentation and source code for a specific component, including its props and preview. |
| get_install_command | Get the shadcn CLI installation command for a specific component. |
Before you enable it
An MCP server runs with whatever access you give it. Start with a development account rather than production, and check which tools the server exposes before you let an agent call them unattended.