Split Flap
Letters clatter into place like a departure board.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- value
- characters
- flipDuration
- stagger
- trigger
- once
What it does
Split Flap is a text animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called flip board, solari board or flap display.
Each character sits on its own tile and flips flap after flap, left to right, until it lands on its letter. Change the text and the board flips again from what it shows. Screen readers hear the words once, without the clatter.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.