---
title: "Solari Board  — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Stōkt · Text. Solari Board — Authentic Split-Flap Bring the iconic transport-hub display to the web."
canonical: "https://framer.elliotli.dev/component/solari-board"
---

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

# Solari Board

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

![Solari Board  preview image 1](https://framer.elliotli.dev/og/component/solari-board/c1e03c556c7c93a9/1600x1200.jpg)

## Summary

Solari Board — Authentic Split-Flap Bring the iconic transport-hub display to the web.

## Description

## Solari Board — Authentic Split-Flap

Bring the iconic transport-hub display to the web. Solari Board renders a true two-flap 3D flip with left-to-right cascade and a real mid-seam gap for that mechanical snap—readable, tactile, and on-brand.

What you control :

-   **Text 1 / Text 2** – start and target lines; optional **Loop** for endless ping-pong.
    
-   **Tile Width / Height / Gap / Radius** – precise grid sizing and rounded corners.
    
-   **Font** – use any typeface; **Text Color** & **Background** define glyph and flap.
    
-   **Midline Color** & **Seam Gap** – a real empty spacer that cleanly splits the halves.
    
-   **Perspective** – sets 3D depth for the X-axis flip.
    
-   **Start Delay** & **Cascade Delay** – trigger timing and left-to-right ripple.
    
-   **Flip Duration** & **Scramble Steps** – long, lively scramble → crisp final flip.
    
-   **Charset** – choose which characters appear during the scramble.
    

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

-   All · #7467

## Details

- **Author**: Stōkt
- **Price**: $10.00
- **Published**: 2025-09-11
- **Updated**: 2025-09-11
- **Added**: 2025-08-24
- **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