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

What others say

Used by

And many others ...

Funding

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).

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏

Gold sponsors

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website.