React spring is an animation library. It is helpful for most of your animation tasks in the UI part. This tool is flexible enough to implement your animation ideas. Its developer was inspired by animation and react-motion. Animated interpolations and performance and react-motion’s user friendliness have been borrowed to build spring. React spring library has five hooks. useSpring, useSprings, useTrail, useTransition, useChain are those hooks. React-spring is cross platform therefore it supports web, react-native, react-native-web, and other platforms by means of /universal export. To use React-spring you have to install it using npm.

npm install react-spring

It works with the principle called spring. It doesn’t have a set duration like the animations we are used to. When we think about animation, the first thing that comes into our mind is the times, curves. We need our elements to be natural. So spring doesn’t have a defined curve or set duration.