SplitFlap brings the rhythm and character of a mechanical departure board to Framer.
Add up to eight messages with four lines each. The board creates one stable grid from your longest message, so its physical footprint stays fixed while individual characters riffle and settle into place.
Use it for schedules, announcements, service updates, event information, launch messages, availability displays, and editorial headlines.
Highlights
Up to 8 message frames
Up to 4 lines and 32 characters per line
On Load, Scroll Into View, Hover / Tap, and Loop triggers
Adjustable flip speed, riffle length, stagger, and hold time
Responsive modules that scale to every breakpoint
Optional decorative blank flaps
Custom flap, character, seam, radius, ratio, gaps, and typography
Letters, numbers, and extended symbols
Reduced-motion support
Fully static on the Canvas and in exports
No dependencies
Setup
Insert SplitFlap, add your messages, choose a trigger, and style the board from the right sidebar. Preview the page to see the mechanical animation.
SplitFlap brings the rhythm and character of a mechanical departure board to Framer.
Add up to eight messages with four lines each. The board creates one stable grid from your longest message, so its physical footprint stays fixed while individual characters riffle and settle into place.
Use it for schedules, announcements, service updates, event information, launch messages, availability displays, and editorial headlines.
Highlights
Up to 8 message frames
Up to 4 lines and 32 characters per line
On Load, Scroll Into View, Hover / Tap, and Loop triggers
Adjustable flip speed, riffle length, stagger, and hold time
Responsive modules that scale to every breakpoint
Optional decorative blank flaps
Custom flap, character, seam, radius, ratio, gaps, and typography
Letters, numbers, and extended symbols
Reduced-motion support
Fully static on the Canvas and in exports
No dependencies
Setup
Insert SplitFlap, add your messages, choose a trigger, and style the board from the right sidebar. Preview the page to see the mechanical animation.
