Back

GTA VI Trailer — Animated Landing Page

By Hatami Sugandi September 2, 2025
React
JavaScript
Tailwind CSS
GSAP

Screenshots

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Source Code

Scroll-driven GTA VI–style landing page with cinematic animations using React, Tailwind CSS, GSAP, and Vite.

Features

About this project

GTA VI Trailer — Animated Landing Page This project delivers a cinematic, scroll-driven landing experience inspired by GTA VI promos. It uses **GSAP** (SplitText, ScrollTrigger) to orchestrate bold text reveals, parallax depth, pinned sections, and **scroll-synced video** timelines, all inside a **React** UI with **Tailwind CSS** for responsive styling and **Vite** for rapid iteration. Highlights - Cinematic motion design: multi-section timelines, masked images, and sticky scenes - Smooth performance with Vite HMR and optimized production builds - Fully responsive layout and animation scaling across breakpoints > Educational, portfolio use only. All game-related IP belongs to their respective owners.