A collection of smooth, performant animations built with GreenSock (GSAP). This project demonstrates how to use GSAP for interactive UI animations, scroll-based effects, and timeline sequencing in modern web development.
A collection of smooth, high-performance animations built using GSAP (GreenSock Animation Platform). This project showcases scroll-triggered effects, timeline-based animations, and responsive UI transitions ideal for modern web interfaces.
π Live Demo
- GSAP 3
- HTML5
- CSS3 / SCSS
- JavaScript (ES6+)
- ScrollTrigger Plugin (optional)
- β Scroll-triggered animations
- β Timeline sequencing with delays and overlaps
- β Interactive hover and click effects
- β Modular animation components
- β Mobile-friendly and responsive design
gsap-animation-project/
β
βββ index.html # Main HTML file
βββ css/
β βββ style.css # Styling (can use SCSS)
βββ js/
β βββ gsap.min.js # GSAP core library
β βββ animations.js # Animation logic
βββ assets/ # Images, SVGs, icons, etc.