Skip to content

TextParticleOnHover

Interactive text particle on hover

TextParticleOnHover preview image 1

Summary

TextParticleOnHover Where to use it?

Description

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 ParamsTextParticleOnHover Params

Contact

Email: [email protected]

Website: https://webwedo.eu

Rank history How rankings work →

120014001600161168/149/59/2710/1911/10
  • All · #6018

Details

More like this