Creative Web Engineering • Destination DiscoveryENGINEERING SPECIFICATION
Ooty Mistwings
Cinematic Destination & Visual Storytelling Platform
PRODUCTION DEPLOYMENT ACTIVE
120 FPS Motion Rendering • Zero Layout Shift (CLS: 0) 120 FPS MOTION ENGINE SPECS
GSAP 3 + Lenis MomentumFRAME RATE
Target 120 FPS V-Sync
LAYOUT SHIFT (CLS)
0.000 (Perfect Zero)
ACCELERATION
GPU Layer Compositing
Architectural Overview
An immersive digital platform presenting the beauty of Ooty and the Nilgiris through cinematic UI, responsive visual storytelling, and fluid scroll interactions.
CORE DELIVERABLES
GSAP 3 ScrollTrigger Timeline Orchestration
Lenis Smooth Momentum Scrolling
Strict TypeScript Compilation
Responsive Fluid Image Stacking
Engineering Challenges & Takeaways
CHALLENGE:
Synchronizing multiple ScrollTrigger scrub timelines without creating micro-stutters or frame drops on low-power devices.
ENGINEERED SOLUTION:
Using transform-only and opacity properties enabled 120 FPS rendering without triggering expensive browser repaint loops.
Technology Stack
GSAP 3LenisReact 19Tailwind CSSFramer Motion
Performance Score
120 FPS Motion Rendering • Zero Layout Shift (CLS: 0)