Updated: Falling Text
By Steven Van ·
The rebuilt text animation lets words or single letters be dragged, thrown and swept, and adds a tiles style and a light mode.
Falling Text, the text animation in React Bits, has been rebuilt with smoother physics.
How it behaves
Words or single letters knock each other loose as they fall and tumble into a pile. The pile can be dragged, thrown and swept around, and the text then flies back into place.
New in this version
- A tiles style
- A light mode
Installation
The component is available in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/FallingText-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →