# Dot Repel

> A field of dots that parts around the cursor.

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.

- Page: https://foundry44.dev/components/dot-repel/
- Category: [Backgrounds](https://foundry44.dev/library/backgrounds/)
- Interactions: cursor, touch
- Dependencies: none
- Licence: Pro

## 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.

Settings: `gap`, `dotSize`, `radius`, `strength`.