SNAP — Magnetic Interface Lab / Est. 2019
Buttons that reach back.
SNAP is a research studio for magnetic interaction. Every control leans toward your pointer, resists, ripples, and snaps home on a real spring. Move your cursor — feel the field.
01 — The Specimen Drawer
Six ways
to make a
button flinch.
Each specimen isolates a single behaviour. Same spring core, different personality. Hover, click, and watch them respond.
A—01 / ATTRACT · PRIMARY
DRAG THE
FIELD
FIELD
The headline behaviour. Content eases toward the cursor inside a hover radius, then springs home with a touch of overshoot.
R—02 / RIPPLE
Click anywhere on the face to displace the surface with a light-speed ripple.
G—03 / GLOW
A soft spotlight tracks the cursor across the button face.
S—04 / SKEW
Reads the pull vector and shears with velocity for a fluid, elastic tilt.
L—05 / SPLIT LABEL
Every glyph earns its own offset — the word breathes open toward the pull.
I—06 / ICON LOCKUP
POLE
Mark and word-mark travel as one rigid body through the field.
02 — Live Physics
Tune
the field.
These four constants shape every magnetic control on the page. Drag a slider and the whole lab re-tunes in real time.
POINTER —
The spring bench
A critically-damped 2-D spring pulls each control toward the pointer. Push stiffness up for a snappier grab; drop damping for a bouncier snap-back.
03 — Field Notes
A good button should feel like it wants to be pressed — tension before the click, relief after.
/ 01
Motion with a spine
Nothing eases in a straight line here. Every offset rides a real spring so acceleration and settle feel physical, never scripted.
/ 02
Respect the pointer
Effects live behind a fine-pointer check. On touch and reduced-motion the lab stays calm, legible, and fully usable.
/ 03
One field, many bodies
A single rAF loop drives the cursor glow, the dot field, and every magnet — coordinated, throttled, and quiet on the CPU.
0Specimen variants
0Default pull radius
0Single-loop budget
∞Snaps served
04 — Build with us
Make it tactile.
Bring us a flat, lifeless interface. We'll wire in magnetism, weight, and the small joys that make people want to touch the screen.