A cinematic, scroll-driven web experience inspired by the viral GTA VI website.
Built with React, GSAP (ScrollTrigger), Tailwind CSS, and Vite to deliver high-impact motion design: scroll-synced video, pinned sections, parallax depth, SplitText-style reveals, and masked transitions.
- ScrollTrigger timelines for precise, scroll-bound animations
- Scroll-synced video playback (play/pause/scrub on scroll)
- Pinned sections with seamless scene handoffs
- SplitText-style bold typographic reveals
- Parallax layers for cinematic depth
- Image masking effects (clipPath / SVG / canvas)
- Custom animated carousel with drag + autoplay
- React components with reusable animation hooks
- Tailwind utility classes for rapid, scalable UI
- Responsive and mobile-friendly layout
- Vite for ultra-fast HMR and optimized builds
| Tech | Purpose |
|---|---|
| React | Component model, state, effects |
| Tailwind CSS | Utility-first styling |
| **GSAP ** | Animation |
| Vite | Fast dev server & production bundling |
- Git
- Node.js
- npm
git clone https://github.com/AudreyTan03/GTA-VI.git
cd GTA
📦 Install Dependencies
npm install
▶️ Run Development Server
npm run dev
Open in your browser:
http://localhost:5173