Skip to content

◌ Folio MMXXVII

Loading folio

000

§02.05 — Lab Playground

MagneticCursorField

A vector field that warps cursor trails into local minima of an SDF — feels physical, not animated.

  • Tech

    GSAP · 2025

  • Status

    Live

  • Renderer

    WebGL2 / fallback

  • Updated

    MMXXVII

Live · move the cursor
GSAP · 202560 fps target

◊ Brief

A vector field warps the cursor trail into local minima of an SDF. Magnetic, but expressive — the cursor still resists.

  • field strength0.62
  • release240ms
  • max attraction120px
  • trail length8

§README

  1. §01Each magnetic surface declares its own SDF via a data-magnet attribute.
  2. §02The cursor doesn't snap — it's pulled with a spring whose tension scales with proximity.