Updated: Particle Text
By Steven Van ·
Particle Text gains rain, swirl and line-print entrances, square and stroke particles, and a click that scatters the text and lets it spring back.
Particle Text in React Bits has been updated with new ways to bring text onto the screen. It can rain in, swirl into place or print behind a sweeping line.
Entrances and particle shapes
The three entrance styles join the existing effect, in which text assembles from drifting particles. Particles can now be drawn as squares or short strokes.
Click interaction
Clicking blows the particles apart, and they spring back into place to reform the text.
Installation
The component installs with npx shadcn@latest add @react-bits/ParticleText-TS-TW. The page offers JavaScript or TypeScript variants, with plain CSS or Tailwind.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →