Skip to content

the11dev/GSAP-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯 GSAP Animation Showcase

A collection of stunning, smooth, and interactive UI animations built with GSAP (GreenSock Animation Platform).
This repo is aimed at learning, experimenting, and showing off creative frontend animations using Vanilla JS + GSAP.


🔧 Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • GSAP v3

📂 Animation Demos

Animation Type Folder Description
🚀 Custom Cursor custom-cursor/ A smooth animated cursor that follows the pointer and reacts on hover.
🧠 Timeline Animation timeline-animation/ Sequential animation using GSAP’s timeline feature.
✨ Stunning Text text-animation/ Text entry, reveal, or hover animation using GSAP + CSS.
📜 Scrolling Text scrolling-text/ Scroll-triggered animations without using the ScrollTrigger plugin.

🚀 Getting Started

Clone the repository:

git clone https://github.com/VsnviM/gsap-animation-showcase.git
cd gsap-animation-showcase

Open any folder and run the index.html file directly in a browser or use Live Server in VS Code.


🧪 Try It Locally

Each animation is self-contained. You can test them individually:

npx serve custom-cursor/

Or just open the HTML file in your browser.


📚 Resources


💡 Author

Vaishnavi Mishra (Vv)
GitHub · LinkedIn


⭐️ Show Your Support

If you find this helpful, star the repo and share it! ⭐

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published