设计资源DESIGN· UI-KIT
nikhils4/ui-beats
为React和Next.js项目准备的55个动画组件，可复制粘贴或命令安装。55 animated React components you own — add them with one command or copy-paste.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
用 npx shadcn@latest add 命令安装组件
复制组件源码直接粘贴到项目
关闭组件的动画效果
组件颜色自动匹配你的设计令牌
Add animated components to your project with one command.
Copy and paste component source directly into your code.
Toggle motion on or off for any component.
Style components with your own design tokens.
Browse all 55 components in the online registry.
上手GET STARTED
npx shadcn@latest add https://uibeats.com/r/flip-card.json选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
| `yarn test:e2e` | Playwright end-to-end tests against a production build |
静态扫描发现中等风险：控制浏览器（Playwright端到端测试）。仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。The static scan found a medium-risk mention of browser control in the documentation, which refers to Playwright end-to-end tests used during development. This is not a vulnerability in the project itself.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.4%+0.4%
233 → 234 stars · 22 个快照233 → 234 stars · 22 snapshots
状态STATUS
持续活跃Active
可直接复制粘贴或通过shadcn CLI安装55个动画组件，快速集成到React/Next.js项目。55 components ready to use
依赖：Dependencies:@next/third-parties, @radix-ui/react-collapsible, @radix-ui/react-dialog, @radix-ui/react-dropdown-menu, @radix-ui/react-popover, @radix-ui/react-separator, @radix-ui/react-slot, @radix-ui/react-tabs, @radix-ui/react-tooltip, @tailwindcss/typography, canvas-confetti, class-variance-authority
{
"agents": [
{
"agent": "claude-code",
"evidence": "install: claude CLI command"
},
{
"agent": "windsurf",
"evidence": "readme: …e inside Claude Code, Cursor, Windsurf and anything else that speaks…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 15,
"ai-tools": 0,
"dev-tools": 3,
"indie-web": 0,
"skill-agent": 7,
"productivity": 0
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 24,
"browser": 0,
"devtool": 3,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "server.json (MCP registry manifest)",
"weight": 0.85
},
{
"signal": "skills/ directory with 2 markdown files",
"weight": 0.75
},
{
"signal": "MCP topic + README",
"weight": 0.6
}
],
"scannedSources": [
"readme",
"skills/ui-beats/SKILL.md"
],
"skillMdFetched": 1
}