Skip to content
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.