alain.cx
Awwwards-caliber scroll physics over a custom WebGL layer.
- Discipline
- WebGL & Scroll Physics
- Year
- 2026
- Status
- Visit site
Outcomes
60fps
Sustained under scrub
1
Shared RAF loop
82
Technologies catalogued
Approach
A portfolio built as a motion system rather than a page. Custom WebGL shaders drive the background field via Three.js, composited under a GSAP ScrollTrigger timeline that scrubs pinned sections, kinetic type and per-character reveals against a smoothed scroll position. Every animation is driven from a single requestAnimationFrame loop shared with the scroll engine, so scrubbed transforms and pin measurements resolve in the same frame — the difference between motion that feels engineered and motion that feels laggy.
Stack
- Three.js
- Custom GLSL
- GSAP ScrollTrigger
- Lenis
Two slots open
Have somethingworth building?
Tell me what you are building. You will hear back within 24 hours — from the person who would write it.