Skip to content

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.

Notifications You must be signed in to change notification settings

MHassan-Tariq/GSAP-Animation

Repository files navigation

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

🎯 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.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages