Skip to content
Venture LabInteractiveLive2026

Field Lines

Contour lines of a drifting field that bend around your cursor and recover.

Technology

  • WebGL
  • GLSL
  • TypeScript

Field Lines started as a question: can a hero animation say something about how we work, instead of decorating it?

Every line is drawn by a single fragment shader. The cursor adds a local disturbance. Nothing is pre-rendered, and the whole thing weighs less than a small image.

When reduced motion is on, the field renders once and holds still.