A smooth component transition animation with React liquid swipe effect

React LiquidSwipe is created using physics based animation libraries react-spring and react-use-gesture. As of now, the mass and tension of the animation drag is constant and is defined in liquidswipe.js file but it may be a changeable parameter in the future version. To use the component, your code should look like below.