---
title: "The Split — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Roman Koby · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/the-split"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/The Split

# The Split

Typography with a visual carousel

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

![The Split preview image 1](https://framer.elliotli.dev/og/component/the-split/69dac33729d21440/1600x1200.jpg)

## Summary

The Split.

## Description

[MORE COMPONENTS →](https://www.framer.com/@rkoby/?tab=component)

Create bold, editorial transitions with The Split. The component divides each headline into two halves, opening a dynamic filmstrip between them before smoothly switching to the next word.

Add your own images, videos, colors, and labels to every card. Customize the typography, background media, overlay, timing, speed, card size, spacing, colors, and corner radius directly in Framer.

Perfect for:

-   Creative agencies
    
-   Designer portfolios
    
-   Fashion and editorial websites
    
-   Brand presentations
    
-   Hero sections
    
-   Project showcases
    

Features:

-   Animated split typography
    
-   Automatic word rotation
    
-   Infinite moving filmstrip
    
-   Image, video, color, and text cards
    
-   Custom background image or video
    
-   Adjustable animation timing and speed
    
-   Full font and color controls
    
-   Custom card size and spacing
    
-   Static rendering support
    
-   Optimized video playback based on visibility
    
-   No coding required
    

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

-   All · #2227

## Details

- **Author**: Roman Koby
- **Price**: $10.00
- **Published**: 2026-07-15
- **Updated**: 2026-08-18
- **Added**: 2026-07-15
- **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