
Creating a stunning, immersive web experience using GSAP, ReactJS, and Tailwind CSS. Inspired by Awwwardsβ finest interactive designs.
- π Introduction
- βοΈ Tech Stack
- β¨ Features
- π€Έ Quick Start
- πΈοΈ Snippets
- π Assets
- π Community
Chug SPYLT is a cutting-edge interactive website crafted for a premium visual and motion experience.
With GSAPβs ScrollTrigger and ScrollSmoother, this project highlights fluid animations, dynamic text reveals, and immersive parallax effects.
Itβs more than just a siteβitβs an Awwwards-style web experience, blending creativity and performance seamlessly.
- βοΈ React 19 β Component-driven architecture
- π Tailwind CSS v4 β Utility-first responsive styling
- ποΈ GSAP (GreenSock Animation Platform) β High-performance animations
- β¨ Parallax scrolling with depth & smoothness
- β‘οΈ Advanced clip-path animations
- πΉοΈ ScrollTrigger & ScrollSmoother mastery
- π Text reveal like Awwwards projects
- π Layered GSAP timelines for storytelling
- π± Fully responsive, optimized for mobile
# 1. Clone the repo
git clone https://github.com/Itssanthoshhere/Chug-SPYLT.git
cd Chug-SPYLT
# 2. Install dependencies
npm install
# or
yarn
# 3. Start the dev server
npm run dev
# or
yarn dev
- π¨ Design Inspiration β SPYLT Official
- π οΈ Animations β GSAP Docs
- π» Deployment β Vercel
π€ Santhosh VS
- GitHub: Itssanthoshhere
- LinkedIn: Santhosh VS
If you like this project, give it a star β and share it with others!