THERACE
Every frame matters. Every millisecond is a decision. This page runs at 60fps while rendering 800 particles, live telemetry, scroll physics, and GPU-composited layers. Watch the numbers. They don't lie.
LIGHTHOUSE
THE STACK
GPU COMPOSITING
Every animation runs on the compositor thread. Zero main-thread paint. will-change, transform3d, and layer promotion keep frames under 16ms.
CANVAS RENDERING
800 particles with physics, connection graphs, and mouse repulsion — all on a single <canvas> with requestAnimationFrame. No DOM thrashing.
SCROLL PHYSICS
Scroll velocity drives visual intensity. Speed lines stretch, particles accelerate, and the progress bar fills — all computed in passive event listeners.
SPRING DYNAMICS
Framer Motion springs with tuned stiffness and damping. No CSS transitions. Physics-based motion that feels alive and responds to interruption.
LAZY EVERYTHING
Intersection Observer drives all reveal animations. Nothing renders until it's near the viewport. Code-split, tree-shaken, and dead-code eliminated.
ZERO DEPENDENCIES
No animation libraries beyond Framer Motion. No chart libraries. No particle systems. Every visual on this page is hand-written for minimal bundle.