Cursor Magic

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.