ui-beats MCP Server
nikhils4/ui-beats
[](https://agentrank-ai.com/tool/nikhils4--ui-beats/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste, or install with the shadcn CLI.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
nikhils4/ui-beats is a TypeScript tool licensed under MIT. Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. Copy, paste, or install with the shadcn CLI. Topics: framer-motion, nextjs, reactjs, shadcn-ui, tailwindcss, typescript, accessibility, animation, component-library, design-system, mcp, mcp-server, motion, react, react-components, shadcn, shadcn-registry, ui-components.
Ranked #3391 out of 24846 indexed tools.
Ecosystem
Score Breakdown
234 stars → growing community
Last commit 2mo ago → moderate activity
1/1 issues closed → responsive maintainer
5 contributors → small team
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Badge all embed codes →
[](https://agentrank-ai.com/tool/nikhils4--ui-beats/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/tool/nikhils4--ui-beats/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/nikhils4--ui-beats" alt="AgentRank"></a> Matched Queries
From the README
<div align="center"> # UI Beats **Supercharge your UI.** Beautifully designed, animated React components you can copy, paste, or install with the shadcn CLI. [**Documentation**](https://uibeats.com/docs) · [**Components**](https://uibeats.com/docs/getting-started/introduction) · [**Blog**](https://uibeats.com/blogs) </div> --- ## 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 ```bash npx shadcn@latest add https://uibeats.com/r/flip-card.json ``` The 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`](https://uibeats.com/r/registry.json). Prefer to copyRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.