npm install- Install AOS:
npm install aos- Import AOS in your
page.tsx:
import AOS from "aos"; import "aos/dist/aos.css";- Initialize AOS in
useEffect:
useEffect(() => { AOS.init({ duration: 1000 }); }, []);- Add AOS to your elements:
<div data-aos="fade-up"> {/* Content */} </div>