React Bits

Split Flap Text

Mechanical split-flap departure board that clacks through to each new phrase.

Split Flap Text, a React Bits component

Use Split Flap 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/SplitFlapText-TS-TW
How to install React Bits components

Related components

  • Glitch Text

    RGB split and distortion glitch effect with jitter effects.

  • Rotating Text

    Cycles through multiple phrases with 3D rotate / flip transitions.

  • Split Text

    Splits text into characters / words for staggered entrance animation.