All work
ProfessionalFitness / 3D Web
IRONFORGE
Cinematic 3D gym experience
A premium gym/fitness site built with React Three Fiber 3D scenes, GSAP ScrollTrigger pinned sequences and Lenis smooth scroll — all 3D equipment crafted from primitives with PBR materials.
The Problem
Fitness brands need a high-impact, memorable web presence that conveys premium quality.
The Solution
A Next.js experience with dynamically-imported 3D canvases, scrub-driven scroll storytelling and performance-tuned DPR/particle budgets.
Key Features
React Three Fiber 3D scenes
GSAP ScrollTrigger pinned sequences
Lenis smooth scroll syncing
Hand-crafted 3D primitives + HDRI
Framer Motion entrance animations
Performance-tuned rendering
Architecture
Frontend
Next.js 14 + R3F + Three.js + Drei + GSAP + Lenis
Engineering Challenges
- Dynamic-import 3D with Suspense
- gsap.context cleanup & scoping
- DPR/particle tuning for performance
Tech Stack
Next.jsReact Three FiberThree.jsDreiGSAPFramer MotionLenisTailwind
Live demo, screenshots and walkthrough video — slots are ready for these assets.