GSAP-Animation

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.

---

✨ GSAP Animation Project

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.

🚀 Demo

👉 Live Demo

🧰 Technologies Used

• GSAP 3
• HTML5
• CSS3 / SCSS
• JavaScript (ES6+)
• ScrollTrigger Plugin (optional)

🎯 Features

• ✅ Scroll-triggered animations
• ✅ Timeline sequencing with delays and overlaps
• ✅ Interactive hover and click effects
• ✅ Modular animation components
• ✅ Mobile-friendly and responsive design

📁 Project Structure

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.