Playground · 2025

Astron

Astron is an experimental playground designed to explore Three.js, GSAP, and ScrollTrigger. The demo showcases dynamic 3D animations, fluid scrolling effects, and seamless transitions, blending creativity with web technology.

Astron

The Idea

Astron is a self-directed playground built to push what scroll can feel like on the web. No client brief, no deadline, just a space to explore interactive 3D and motion at the edge of what browsers can do smoothly.

Our Approach

We paired Three.js for the 3D scene with GSAP and ScrollTrigger to tie every camera move, transition, and reveal directly to scroll position. The result is a single continuous sequence where scrolling drives a fluid, cinematic journey rather than a series of jumps.

The Takeaway

Experiments like Astron feed straight back into client work. The scroll choreography and performance techniques we prototyped here are the same ones we reach for when a storefront needs a moment that stops people mid-scroll.

Astron
Astron screen 1
Astron
Astron screen 2
Astron
Astron screen 3
Astron
Astron screen 4
Astron
Astron screen 5