JAVASCRIPT

aos js

CSS
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

JS
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

INITIALIZE AOS:
<script>
  AOS.init();
</script>

how to use aos

npm install aos --save
then 
import AOS from "aos";
import "aos/dist/aos.css";
then
  useEffect(() => {
    AOS.init({
      duration: 3000,
    });
  });
  then 
     <div data-aos="fade-up" className={classes.layout}>