TextParticleOnHover: Premium Typography Component by Luchian Stefanescu

Marketplace Components Categories Typography

A canvas-based text effect that breaks words into thousands of colorful particles. Hover to scatter them — they spring back into place when you move away. Fully customizable colors, density, and force.

TextParticleOnHover

Where to use it?

Use it for hero sections, landing pages, portfolio headers, or anywhere you want a striking interactive moment. It works well as a full-width banner or a contained element within a card or section.

Properties

Text sets the display string.
Color 1–4 define a linear gradient across the text — pick any four colors to match your brand.
Particle Density (1–10) controls the spacing between dots: lower values produce a denser, crisper look while higher values feel lighter and more abstract.
Animation Force (10–200) determines how strongly particles push away from the cursor.
TextParticleOnHover Params