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.
- HTML5
- CSS3
- JavaScript (ES6+)
- GSAP v3
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. |
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.
Each animation is self-contained. You can test them individually:
npx serve custom-cursor/
Or just open the HTML file in your browser.
Vaishnavi Mishra (Vv)
GitHub · LinkedIn
If you find this helpful, star the repo and share it! ⭐