Dot Repel
A field of dots that parts around the cursor.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- gap
- dotSize
- radius
- strength
What it does
Dot Repel is an animated background ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called dot grid, interactive dots or particle grid.
A quiet grid of dots fills the background and makes way as the pointer moves through it, then springs back into line. Your content stays on top, untouched. The dots only move while someone is moving, and stay still for visitors who prefer less motion.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.