Cursor-reactive interface

Watch the page follow your every move

A playful, magnetic interface where elements lean toward your cursor, glow on approach, and trail your motion across the screen.

Magnetic by design

Buttons that pull toward the pointer

Each interactive element behaves like a magnet — subtle attraction, soft glow, and an offset shadow that gives the page real depth.

✦

Elements gently drift toward the cursor as it approaches, creating an inviting, alive feel.

Attraction radius · 120px

☀

A soft rose halo intensifies the closer you get, guiding attention without a single click.

Glow falloff · smooth

✩

Depth-aware shadows shift opposite the pointer, making flat cards feel physically present.

Parallax depth · layered

Reactive core

Backgrounds, highlights, and accent satellites all orbit the cursor at different speeds for a rich sense of motion.

Cursor states

Swap the cursor's look and behavior to match the moment — from a calm idle ring to an energetic hover burst.

Idle Soft resting ring

Hover Dashed expand

Click Tight contract

Drag Squared grip

Measured delight

+38%

Time on page

60fps

Buttery tracking

8ms

Pointer latency

100%

No-JS fallback

Drop in cursor-reactive sections and turn a static layout into something visitors want to keep playing with.