JAVASCRIPT

react aos

npm i aos — save //installation
//import 
import AOS from "aos";
import "aos/dist/aos.css";

//useEffect
useEffect(() => {
    AOS.init();
    AOS.refresh();
  }, []);
//example 
data-aos="fade-up"

aos react

//import 
import AOS from "aos";
import "aos/dist/aos.css";

//useEffect
useEffect(() => {
    AOS.init();
    AOS.refresh();
  }, []);
//example 
<div data-aos="fade-up"></div>

aos react

npm install aos --save
// importing aos
import AOS from 'aos';
import 'aos/dist/aos.css';
//useEffect
 useEffect(() => {
        AOS.init();
      }, [])
//example
//Here you can use any of the AOS animations
data-aos="fade-left"

//full docs
blog.devgenius.io/how-to-add-scrolling-animations-to-reactjs-by-using-aos-cefa020a1604