# ParticleTextCanvas

> A full-screen, canvas-driven particle system that spells out specified text and lets the cursor dynamically repel the letters’ particles. It captures pixel data from bold, gradient-filled text and instantiates particles at those locations, creating an interactive “shatter and reform” effect as you move or leave the cursor. Ideal for hero titles, interactive headings, or animated backgrounds.

- Author: [Dhileep Kumar GM](https://21st.dev/@dhileepkumargm)
- License: no-license
- Tags: Canvas, Text Effect, Dot Particle, Interactive Effect, 3D Text
- Live preview: https://21st.dev/@dhileepkumargm/components/particle-text-canvas

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/dhileepkumargm/particle-text-canvas?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/canvas.md