Falling Text

Characters fall with gravity + bounce creating a playful entrance.

Use Falling 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/FallingText-TS-TW

Related components

• Split Text

  Splits text into characters / words for staggered entrance animation.

• Circular Text

  Layouts characters around a circle with optional rotation animation.

• Shuffle

  Animated text reveal where characters shuffle before settling.