Skip to content
appsgit

UI Beats

UI Beats is an MCP server that adds tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. It has 234 GitHub stars, is released under the MIT license and runs locally with npx -y @uibeats/mcp.

github.com/nikhils4/ui-beats (opens in a new tab)

Data as of from the GitHub API; description from the project's repository. Report an error

View on GitHub (opens in a new tab)

Install UI Beats

Generated from the server's published package. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "ui-beats": {
      "command": "npx",
      "args": [
        "-y",
        "@uibeats/mcp"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio ui-beats -- npx -y @uibeats/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "ui-beats": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@uibeats/mcp"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "ui-beats": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@uibeats/mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About UI Beats

Beautifully designed, animated React components you can copy, paste, or install with the shadcn CLI. UI Beats is a collection of animated React components built with TypeScript, Tailwind CSS and Motion.

  • framer-motion
  • nextjs
  • reactjs
  • shadcn-ui
  • tailwindcss
  • typescript
  • accessibility
  • animation
  • component-library
  • design-system

Similar MCP servers

More other MCP servers

All Other

FAQ

UI Beats FAQ

Still curious? Email info@appsgit.com.

How do I install the UI Beats MCP server?

Add the command npx -y @uibeats/mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is UI Beats free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is UI Beats actively maintained?

The most recent commit was on Aug 16, 2026. appsgit only lists MCP servers with a commit in the last six months.