Quickly Animate your react application with AOS

React applications are fast and are loved for their performance. But the transition between components or even change of states can be jittery.

The software that has animated transitions always feel more rich and premium.

You can become a pro in just minutes.

Use AOS (Animation on scroll) Link library with small footprint.

You can install aos by npm

npm i aos

Lets try to add animation to a form. Add data-aos attributes to control transitions.

<Form
data-aos="zoom-in"
data-aos-easing="linear"
data-aos-duration="500"
className="question"
>
That's it you are done , now your form should zoom in with animation. Making transitions smoother and make you feel like a pro.

Happy Coding

Follow for more such quick tips to help your code better.