Astra

Fold Text

Lines unfold into place like creased paper opening flat.

Fold Text, a Astra component

Use Fold 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/FoldText-TS-TW
How to install Astra components

Related components

  • Falling Text

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

  • Shiny Text

    A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

  • ASCII Text

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