npm install react-spring
react-spring is a spring physics based animation library for React.
It takes inspiration from Christopher Chedeau's animated and Cheng Lou's react-motion. Although both are similarily spring-physics based they are still polar opposites.
| Declarative | Primitives | Interpolations | Performance | |
|---|---|---|---|---|
| React-motion | ✅ | ✅ | ❌ | ❌ |
| Animated | ❌ | ❌ | ✅ | ✅ |
| React-spring | ✅ | ✅ | ✅ | ✅ |
react-spring builds upon animated's foundation while inheriting react-motions declarative api, going to great lengths to simplify it. It has lots of useful animation primitives, can interpolate mostly everything and last but not least, can efficiently animate by committing directly to the dom instead of re-rendering a component frame-by-frame through React.
For a more detailed explanation read Why React needed yet another animation library.
Full documentation and examples here: react-spring.surge.sh
And many others ...
If you like this project, consider helping out, all contributions are welcome as well as donations to opencollective or Patreon. You can make one off donations in crypto to 36fuguTPxGCNnYZSRdgdh6Ea94brCAjMbH (BTC).
This project exists thanks to all the people who contribute.
Thank you to all our backers! 🙏
Support this project by becoming a sponsor. Your logo will show up here with a link to your website.
