← All interactionsMagnetic tilt
Interaction 01

Magnetic tilt

A shipment card leans toward your cursor in 3D — tactile, premium, and alive. It floats gently on its own; move your mouse over it to steer it.

SHP-48201In transit
ATLDAL
ETA 14:20On-time 98.6%Carrier on-net
◆ Move your cursor across the card to tilt it · it auto-floats when idle
What it is

Pointer-driven 3D rotation with layered depth (translateZ) so the route lifts above the card.

How it works

Cursor position maps to rotateX/rotateY; release returns to a looping idle float. GPU-only transforms.

Use for

Tracking cards, feature cards, anything you want to feel like a physical object.