一个基于 Motion 的精选 React 微交互和过渡组件库,支持一键生成代码。

Stars

1,209

7 天增长

暂无数据

Fork 数

47

开放 Issue

0

开源协议

MIT

最近更新

2026-07-27

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它提供了现成的精美动画集合,搭配动态主题系统和网格/列表/矩阵交互预览,让动画设计变得简单易用。

适合谁使用

  • React 开发者
  • UI/UX 设计师
  • 构建交互式 Web 应用的前端工程师
  • 寻找预制动效组件的开发者

典型使用场景

  • 构建按钮、控件等动画 UI 元素
  • 为仪表盘快速制作微交互原型
  • 创建支持深色/浅色模式的主题化组件
  • 学习 Motion(Framer Motion)动画模式

项目优势

  • 流畅的硬件加速过渡动画
  • 一键复制 React + Tailwind + Motion 代码
  • 多种布局模式(网格、列表、矩阵)的实时预览
  • 动态集成 GitHub 星标数

使用前须知

  • 仅支持 React 与 Tailwind CSS(非框架无关)
  • 仅限微交互,不支持复杂页面转场
  • 依赖 Motion 库

README 快速开始

Installation

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
vercel-labs
精选
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

开发者工具代码质量与构建
1,985
Jakubantalik
精选
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI 与机器学习AI 智能体
1,191