Astron

Playground · 2025

Astron

Client
Seapixel Lab
Role
Design & Development
Year
2025
Services
Three.js developmentGSAP animationScrollTrigger choreography

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.

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

Next project

Snap Search

Shopify Apps · 2024