主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选
Motion
React 动效的事实标准(原 Framer Motion):弹簧物理、手势、布局动画一站齐
内容更新日期 · 2026-09-22
What is it · 它是什么
什么是 Motion
Motion(原 Framer Motion)是面向 React、JavaScript 和 Vue 的生产级动画库:独立变换、滚动驱动动画、原生手势(hover/press/drag)、布局动画、弹簧物理、退出动画、时间线编排全都有,底层是 GPU 加速的混合引擎。MIT 开源完全免费,文档还带面向 AI 编程代理的接口。
How to use · 怎么用
怎么用 Motion
- React 项目里从 animate/motion 组件起步,先做进出场动画。
- 交互效果上手势(hover/press/drag)和弹簧物理参数。
- 滚动类效果看 Scroll 动画文档,和页面节奏配合。
Key features · 核心特点
Motion 的核心特点
- 弹簧物理与手势系统开箱即用
- 布局动画:元素位置变化自动补间
- GPU 加速混合引擎,性能扎实
- React/Vue 双生态,MIT 开源
