React Bits

Particle Text

Text assembles from drifting particles that scatter and reform on demand.

Particle Text, a React Bits component

Use Particle Text in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ParticleText-TS-TW
How to install React Bits components

Related components

  • Gradient Text

    Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

  • ASCII Text

    Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

  • Blur Text

    Text starts blurred then crisply resolves for a soft-focus reveal effect.