What the Frontend? Open the interactive gallery →
Cursor & Pointer

Repel on hover

Elements scatter or move away from the cursor as it approaches — the opposite of magnetic.

What you're seeing

Hover over a field of dots or particles and they flee from the cursor, settling back when you move away.

Where you'll see it

Background particle fields, interactive art sections.

Difficulty

High — 4/5

Libraries that build it

GSAPcanvasThree.js

Ready to prompt — paste this into your AI coding tool

"For each particle, if within [radius]px of cursor apply repulsion force proportional to distance, use GSAP or canvas loop"

Related Cursor & Pointer effects

Magnetic cursorCustom cursorCursor trailCursor distortionHover tilt (3D card)Magnetic button
See the animated preview in the dictionary →