Skip to content

Sachinanand99/Awwwards-Website

Repository files navigation

🚀 GSAP Animations with Vite + React

Bringing smooth, high-performance animations to modern React apps using GSAP (GreenSock Animation Platform). This project showcases scroll-triggered animations, timeline control, and dynamic UI storytelling — all built with speed and flexibility using Vite, React, and TailwindCSS.

✨ Live Demo

Check it out here: Awwwards


🔥 Why GSAP?

  • Super performant — optimized for buttery-smooth animations

  • Flexible & powerful — integrates seamlessly with React components

  • Timeline control — for precise sequencing and complex animations

  • ScrollTrigger — animates elements on scroll for dynamic user experiences


🛠️ Tech Stack

  • React + Vite — Fast development and hot module replacement

  • GSAP + @gsap/react — For animations

  • TailwindCSS — Utility-first styling

  • ScrollTrigger — To trigger animations on scroll


📦 Installation & Setup

  1. Clone the repo

    git clone https://github.com/Sachinanand99/Awwwards-Website.git
    cd Awwwards-Website
    
    
  2. Install dependencies

    npm install
    
    
  3. Start the development server

    npm run dev
    
    

🎓 Credits

Big thanks to Adrian Hajdin for the excellent tutorials and clear guidance on mastering GSAP animations with React! 🙏
Check out his channel: JavaScript Mastery

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors