UI Beats MCP server
MCP server for UI Beats. Let your coding agent search, read and install animated React components.
232 stars40 downloads/wk
Reviews
Write oneNobody has reviewed UI Beats yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
UI Beats tools (4)
write = sends, deletes, buys or postsRead from the package source without running it. The installed server may list more.
get_componentFetch the complete documentation for one component: description, when to use it, the full props table, a runnable usage example and the entire source file. Read this before writing code that uses a UI Beats component.
get_install_commandReturn the exact shadcn CLI command that adds a component to the current project, along with the npm packages it pulls in. Run the returned command in the project root.
list_componentsList every component in the catalogue, grouped by category. Use this to see what is available before searching.
search_componentsSearch the UI Beats catalogue by intent or name, e.g. 'card that flips', 'number counting up', 'animated background', 'flip-card'. Returns ranked matches with their description, docs URL and install command. Call get_component afterwards to read the actual source and props.
Public scan report
scanner v0.1.9 · 2026-09-21 · same rubric, same numbers if you re-run it
- Code scan3 source files scanned25/25
- –Live reliabilityno gateway calls yet and no remote to proben/a
- –Tool poisoningtools not inspected (local package is not executed); not countedn/a
- Auth qualitylocal package, no credentials required12/15
- Maintenancelast push 29 days ago15/15
- Maintainer identitynamespace and repository owner differ; GitHub account older than a year; website matches verified namespace7/10
What the publisher says
From the UI Beats repository's README, as published. We do not edit it. Read it on GitHub
UI Beats
Supercharge your UI.
Beautifully designed, animated React components you can copy, paste, or install with the shadcn CLI.
Documentation · Components · Blog
What this is
UI Beats is a collection of animated React components built with TypeScript, Tailwind CSS and Motion.
It is not a package you install and import from. You own the code: add a component, then change whatever you like. No version pinning, no wrapper APIs, no waiting on a maintainer to expose a prop.
Install a component
npx shadcn@latest add https://uibeats.com/r/flip-card.jsonThe CLI writes the component into your project and installs the npm packages it needs. Every component page lists its own command, and the full index lives at /r/registry.json.
Prefer to copy and paste? Every component page has the full source under Installation → Manual.
Use it from your coding agent
Most components get picked by whatever is writing the code. The MCP server puts the whole catalogue inside Claude Code, Cursor, Windsurf and anything else that speaks MCP, so your agent can search for a component and read its real props instead of guessing.
claude mcp add uibeats -- npx -y @uibeats/mcpIt exposes four tools: searchcomponents, getcomponent, listcomponents and getinstall_command. See packages/mcp or the MCP docs.
For agents that only fetch URLs, the same content is served as plain text:
Tune before you copy
Every component has a playground at /playground//: the props table becomes a live control panel, the preview updates as you drag, and the snippet carries only what you actually changed. All 52 of them.
The controls are derived from the same props array that renders the documentation table, so a control can never describe a prop the docs do not.
Alongside it, Motion Studio, a cubic-bezier and spring editor. Drag the curve or tune stiffness, damping and mass, watch it run on three properties at once, and copy the Motion transition or the CSS. Springs are integrated from the same damped-oscillator model Motion uses rather than approximated with a bezier, so the preview is the motion you will ship.
Components
52 components across six categories:
Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
Install directly
Runs npx -y @uibeats/mcp on your machine. Read the scan report first; the gateway never runs local packages.
claude mcp add mcp -- npx -y @uibeats/mcp
UI Beats: common questions
- Is UI Beats MCP server safe?
- Yes, by our scan: it is graded A (91/100). Read the UI Beats safety report
- How do I install UI Beats?
- It runs on your machine. Copy the Claude Code, Claude Desktop or Cursor config from the install section.
- Does UI Beats need an API key?
- Not as far as the registry entry and our scan can tell: no credentials are declared or required.
- Is UI Beats maintained?
- The last commit was 31 days ago (2026-08-23). The latest release is v0.1.3.
- What can I use instead of UI Beats?
- Servers from other publishers that do the same job: Agent-Native Slides MCP server, Orcareplay MCP server and Total Agent Memory MCP server. Compare all UI Beats alternatives.
Alternatives to UI Beats
Same job from other publishers: the closest match first, then the best rated.
- Agent-Native SlidesAgent-Native Google Slides - generate and edit React presentationsnot reviewedEstablishedA
- OrcareplayRead, replay and fork recorded coding-agent runs.not reviewedEstablishedA
Total Agent MemoryPersistent local memory for coding agents: temporal knowledge graph, procedural and episodic recallnot reviewedEstablishedA- sqzPre-injection context compression for coding agents. Zero LLM calls, zero telemetry, offline-safe.not reviewedEstablishedA
- GitWarrenCode review on your own machine, for you and your coding agent. Nothing leaves your computer.not reviewedEstablishedA
