Astra

Falling Text

Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.

Falling Text, a Astra component

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
How to install Astra components

Related components

  • Blur Text

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

  • Curved Loop

    Flowing looping text path along a customizable curve with drag interaction.

  • Fold Text

    Lines unfold into place like creased paper opening flat.