#62 · 主分类： AI 设计与原型生成
animate-ui
完全动画化的开源组件分发，基于 React、TypeScript、Tailwind CSS、Motion 和 Shadcn CLI 构建。浏览可安装、修改并在项目中使用的组件列表。
项目最后更新：12/31/25
GitHub Stars
4.2K
Forks数量
240
贡献者数量
28
许可证
Other
收录理由
Animate UI 把一批自带交互动效的 React 组件打包成可直接安装的代码，省去你从零编写动画逻辑的功夫。组件通过 shadcn 注册表分发，装进 Next.js 或 React 项目后就是可改的源码，能按自家设计体系随意调整。对前端开发者和小型团队来说，想要精致的悬停效果、过渡动画或微交互，又不想重复造轮子，这套组件很顺手。项目采用 MIT 许可，复制粘贴即可用，同时也能当作 Motion 库处理动画的参考范例，看看它如何把常见动效写得干净利落。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
open-design
开源的Claude Design替代品：本地优先的桌面应用，将编码代理转变为设计引擎，用于原型、落地页、仪表盘、幻灯片、图片和视频，支持文件导出（HTML、PDF、PPTX、MP4）。
impeccable
使你的AI工具在设计方面更出色的设计语言。
gradio
用 Python 构建并分享令人愉悦的机器学习应用。🌟 点赞支持我们的工作！
tldraw
使用tldraw SDK在React中构建无限画布应用。全球最佳、顶级代理推荐的第一五星级SDK。
next-ai-draw-io
一个集成了AI能力的next.js Web应用，与draw.io图表结合。该应用允许你通过自然语言命令和AI辅助可视化来创建、修改和增强图表。