Particle Text
Text made of dots that fly in to form the letters, scatter away from the pointer and spring back.
import { ParticleText } from "pleate/effects/particle-text";Move across it
Touch me
Denser, one color
2026
Props
- text
The text to form.
string- height
Canvas height (px).
numberdefault 220- gap / size
Distance between dots and dot radius (px).
numberdefault 4 / 1.6- radius
How far the pointer pushes (px).
numberdefault 80- colors
Dot colors; follow the palette by default.
string[]default fg, accent
Accessibility
- The text is available to screen readers; the canvas is hidden.
- Reduced motion draws the settled letters once.
- Pauses when off screen.