---
title: "Mechanical Board — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Ricky R · Text. SplitFlap brings the rhythm and character of a mechanical departure board to Framer."
canonical: "https://framer.elliotli.dev/component/mechanical-board"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Mechanical Board

# Mechanical Board

Mechanical Message Board

[View on Framer](https://framer.com/marketplace/components/mechanical-board/?via=elliot-li)

![Mechanical Board preview image 1](https://framer.elliotli.dev/og/component/mechanical-board/81fac848257a439c/1600x1200.jpg)

## Summary

SplitFlap brings the rhythm and character of a mechanical departure board to Framer.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3467

## Details

- **Author**: Ricky R
- **Price**: $12.00
- **Published**: 2026-08-13
- **Updated**: 2026-10-19
- **Added**: 2026-08-13
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing