Micro interactions

Micro interactions

Every immersive effect in the codebase, live and tunable. Pick a section from the sidebar, dial it in from the controls panel, then copy the values into the component that ships it.

How this page works

  • One WebGL canvas backs the whole route — features/immersive renders into it through a tunnel, and Lenis drives scrolling site-wide. Only the demo picked in the sidebar is mounted, so the canvas ever runs one scene.
  • Each demo's GUI lives in the controls panel beside the stage; Copy puts the current values on your clipboard as pasteable code for the component that ships the effect.
  • GUI settings (top right) controls the paste guide shown after copying.