React SpringVibe 工具集
收藏
动画与交互

React Spring

用弹簧模型驱动 React 中的数值变化。

访问官网GitHub

简介

用弹簧模型驱动 React 中的数值变化。基于物理弹簧组织运动，适合制作可打断的界面过渡。

适用场景

  • 制作可打断的界面过渡
  • 连接手势输入与弹性运动

特点

  • 基于物理弹簧组织运动
  • 可用于多种 React 渲染环境

专属示例

真实运行

弹簧参数与错峰

调整张力与摩擦系数，React Spring 按真实弹簧方程收敛，多个元素用 useSprings 错峰触发。

打开示例

继续浏览

查看全部
Motion为 React 界面加入细顺的进入、布局与手势动画。GSAP面向时间线与精细节奏的 Web 动画工具带。Three.js在浏览器里直接搭建 3D 场景与实时渲染。