Skip to content

Itssanthoshhere/Chug-SPYLT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Chug SPYLT Banner
ReactJS TailwindCSS GSAP

πŸ₯› Chug SPYLT – Awwwards-Inspired Interactive Website

Creating a stunning, immersive web experience using GSAP, ReactJS, and Tailwind CSS. Inspired by Awwwards’ finest interactive designs.

Live Demo

πŸ“‹ Table of Contents

  1. πŸš€ Introduction
  2. βš™οΈ Tech Stack
  3. ✨ Features
  4. 🀸 Quick Start
  5. πŸ•ΈοΈ Snippets
  6. πŸ”— Assets
  7. 🌐 Community

πŸš€ Introduction

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.


βš™οΈ Tech Stack

  • βš›οΈ React 19 – Component-driven architecture
  • πŸŒ€ Tailwind CSS v4 – Utility-first responsive styling
  • 🎞️ GSAP (GreenSock Animation Platform) – High-performance animations

✨ Features

  • ✨ 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

🀸 Quick Start

# 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

πŸ”— Assets


🌐 Community

πŸ‘€ Santhosh VS


⭐ Show Your Support

If you like this project, give it a star ⭐ and share it with others!