React Spring

React Spring is an animation library for React that uses spring physics instead of fixed durations. It works on the web and in React Native.

React Spring animates values with springs, so motion feels continuous, and it stays fluid when a user interrupts an animation partway through. Animations run outside React's render cycle, which avoids re-rendering components on every frame. The library exposes hooks for common animation patterns, so you can use it inside function components. Because the same model works on the web and in React Native, you can keep motion consistent across platforms.

• Spring-based animation physics
• Hooks API for React components
• Web and React Native support
• Animations that avoid re-renders
• Interruptible, fluid motion

React developers building interactive interface motion, such as drag, hover and page transitions. Teams that want animation for both web and native apps will find the shared model useful.

React Spring is open source under the MIT license, so it is free to use. Spring animations do not use a fixed duration, so you tune stiffness and damping rather than setting a total time. The project is part of the pmndrs group, which also maintains other React libraries.