Skip to content

A cinematic GTA VI–style landing animation using React, GSAP, and SVG masking, delivering smooth parallax effects and AAA-quality motion design.

Notifications You must be signed in to change notification settings

rohanbyale/GTA-VI-Animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Live Preview -- https://gta-vi-animation.netlify.app/

🎮 GTA VI Cinematic Landing Animation (React + GSAP)

A cinematic GTA VI–inspired landing page animation built using React, GSAP, and SVG masking techniques. This project recreates a Rockstar-style intro reveal, followed by immersive parallax motion effects and smooth transitions for a premium AAA-game feel.

🚀 Live Experience

🌀 Smooth intro mask animation
🌌 Parallax mouse-move effects
🎬 Cinematic transitions inspired by GTA VI

✨ Features
🔥 SVG Mask Intro Animation
Animated VI logo using SVG masking Scale + rotation reveal with GSAP timelines
Seamless transition into main content

🎥 Cinematic GSAP Animations
Multi-layer animations (sky, background, character, text)
Advanced easing (Expo, Power4)
Timeline-based orchestration

🖱️ Interactive Parallax Effects
Mouse-controlled parallax movement
Dynamic depth illusion for background & text
Smooth GSAP tweens for realism

About

A cinematic GTA VI–style landing animation using React, GSAP, and SVG masking, delivering smooth parallax effects and AAA-quality motion design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published