Bring the iconic split-flap display into your Framer projects with Flip Text Board, a fully customizable, animated text board inspired by classic airport signage. Designed for performance and flexibility, this component adds motion, personality, and clarity to any layout.
Realistic Split-Flap Animation — Authentic top/bottom flip effect with smooth 3D motion
Character Scramble Effect — Dynamic transitions that mimic real mechanical boards
Staggered Animations — Row and column delays for a natural cascading flip feel
Multi-line Text Support — Clean handling of line breaks and paragraphs
Automatic Text Wrapping — Smart layout within defined columns
Centered Layout Engine — Perfect vertical and horizontal alignment
Fully Customizable Board Styles — Background, padding, spacing, and corner radius
Flexible Cell Styling — Control cell colors, flip states, borders, and dividers
Advanced Typography Controls — Full font customization (family, weight, size, spacing)
Adjustable Animation Settings — Fine-tune flip speed, scramble speed, and stagger timing
Configurable Grid System — Set custom rows and columns for any layout
Built-in Shadow Controls — Add depth with adjustable shadow (offset, blur, color)
Responsive by Design — Scales beautifully across different screen sizes
Optimized for Performance — Lightweight and efficient rendering
Having issues with the component? Reach out at yashrajmv7@gmail.com.
Bring the iconic split-flap display into your Framer projects with Flip Text Board, a fully customizable, animated text board inspired by classic airport signage. Designed for performance and flexibility, this component adds motion, personality, and clarity to any layout.
Realistic Split-Flap Animation — Authentic top/bottom flip effect with smooth 3D motion
Character Scramble Effect — Dynamic transitions that mimic real mechanical boards
Staggered Animations — Row and column delays for a natural cascading flip feel
Multi-line Text Support — Clean handling of line breaks and paragraphs
Automatic Text Wrapping — Smart layout within defined columns
Centered Layout Engine — Perfect vertical and horizontal alignment
Fully Customizable Board Styles — Background, padding, spacing, and corner radius
Flexible Cell Styling — Control cell colors, flip states, borders, and dividers
Advanced Typography Controls — Full font customization (family, weight, size, spacing)
Adjustable Animation Settings — Fine-tune flip speed, scramble speed, and stagger timing
Configurable Grid System — Set custom rows and columns for any layout
Built-in Shadow Controls — Add depth with adjustable shadow (offset, blur, color)
Responsive by Design — Scales beautifully across different screen sizes
Optimized for Performance — Lightweight and efficient rendering
Having issues with the component? Reach out at yashrajmv7@gmail.com.
Yashraj Vaghela
