9 Best Framer Split Text Components in 2026

SplitTextRevealPro does one job exceptionally well: split any text layer into characters or words, then stagger them in as the section crosses a configurable viewport threshold. Abdul Sami exposes four entrance directions, rotation, duration, easing, and a play-once or repeat-on-scroll toggle — all panel-driven with CMS text support. Framer cannot replicate per-character spans natively; this component fills that gap without importing a full animation suite. At 12 USD it is the default when the brief is specifically split-and-stagger on scroll, not masked line overflow or ink-fill highlights.

GSAP Text Engine is the broadest free split-text toolkit on this list. Zlatko Marjanović ships more than forty named presets — Fade, Slide, Blur, Mask Reveal, Wave, Typewriter, Scramble, Glitch, and more — each with character, word, or line split modes and viewport, scroll, or hover triggers. Stagger, easing, duration, gradient fills, stroke styling, and reduced-motion fallbacks are all exposed in the property panel. Install it when you need split typography across multiple sections with different motion languages but do not want a separate component per effect.

Text Reveal Animated merges GSAP SplitText with Framer Motion for three split modes: masked line reveals, word stagger, and per-character entrances. Daniyal Habib lets you trigger on scroll or on load, replay when elements re-enter view, and tune opacity, positional offset, rotation, scale, and motion blur up to 20 pixels between each unit. GPU-accelerated transforms keep long paragraphs smooth at 60fps. At 6 USD it is the paid pick when clip-masked line overflow is part of the visual language, not just bare character stagger.

InkFill splits text into characters or words, then animates a smooth ink-fill highlight tied to scroll position — with five reveal directions and an optional pin-section mode that locks the frame while lines reveal one by one. Aman Qureshi built it on GSAP and SplitType with native Framer font controls and a ResizeObserver that re-splits lines when the viewport changes. Pin Start and Pin Length sliders give precise control over scroll-locked storytelling. At 2 USD it is the strongest value on the list when the split effect should feel like a highlighter moving through copy, not units flying in from off-screen.

SplitType from Snoweirdo wraps the industry-standard SplitType library into a production Framer component with full property-panel control over split granularity, stagger timing, trigger thresholds, and animation direction. It targets teams already familiar with SplitType semantics from hand-coded projects who want the same precision inside Framer without maintaining custom overrides. At 15 USD it costs more than focused scroll stagger tools, but pays off when split text is a recurring deliverable across client builds and you need a stable, well-documented engine rather than preset variety.

Reveal Text On Scroll ships twelve named presets — Fade In Up, Blur Reveal, Cinematic, 3D Flip, Typewriter, Glitch Rise, and more — plus a Custom mode for stagger, blur, rotateX, perspective, and scale. Ali Themes splits by lines, words, or characters; binds to scroll or fires on load; and outputs semantic HTML tags for SEO. Direct DOM updates during animation avoid React re-render jank on content-heavy pages. Install it free when GSAP Text Engine’s forty presets feel overwhelming and you want to swap reveal styles across sections from a dropdown.

Ultimate Scroll Text combines split modes — words, letters, or lines — with a sticky layout that keeps the text block pinned while the section scrolls behind it. Ayberk Helvacı adds canvas preview options so copy stays visible while designing, plus an optional ghost layer that renders a low-opacity fully revealed version behind the animated text for subtle depth. Native Framer font controls and alignment inputs mean you style it like any text layer. Free and production-ready, it is the no-cost pick when split pacing should follow scroll rhythm in a sticky frame rather than a single viewport threshold.

Clip Type Stagger wraps each text segment in a dynamic clip-path mask so copy appears to emerge from invisible boundaries — the agency-standard masked reveal rather than units sliding from off-screen. Matheus Brandão supports line, word, or character splitting with a resize-aware line engine, spring-powered stagger, and triggers via scroll, section ID, hover, or layer-in-view. Install it free when the split animation should feel like typography being uncovered, not typography flying in, and you want clip masking without buying a GSAP suite.

GSAP Text Effects curates nine professional animation modes — stagger up and down, slide left and right, and scroll-reveal scrubbing — with an engine that switches between character and word splitting based on the selected mode. Victor Adekunle exposes base and highlight opacity for scroll scrubbing, percentage sliders for scrub start and end, and native Framer text property integration so fonts and colors stay in familiar panels. Optimized GSAP context keeps frame rates above 60fps on content-heavy pages. Install it free when you want cinematic split-text motion with fewer knobs than GSAP Text Engine but more polish than a single-preset component.