Split Text Animation

Animate text by characters and words

Key Features Three Split Modes: Split text by Characters, Words, or Lines. Each mode animates differently - from individual letters to full rows - and switches instantly in the properties panel. Flexible Trigger System: Animate on Scroll Into View, Page Load, Hover, or Click. Scroll trigger includes visibility threshold and replay control; Hover and Click reverse automatically. Rich Motion Controls: Adjust duration, stagger, easing, opacity, Y offset, scale, 3D rotation, perspective, and optional looping - all from the properties panel. Clip Reveal Effect: Characters emerge from their baseline with an overflow mask for a clean reveal-from-below look. Toggle off for top-down animations. Full Typography Customization: Set font family, size, weight, line height, letter spacing, alignment, and color directly in Framer. How to Set Up 1. Drop the component onto your canvas and enter your text content in the right panel. 2. Choose your Split By mode (Characters, Words, or Lines) and select a Trigger type. 3. Adjust animation settings - duration, stagger, easing, starting opacity, Y offset, scale, and rotation - to match your design. 4. Customize typography (font, size, weight, color) directly in the properties panel. 5. Switch to Preview to see the animation in action (the effect is only visible in preview/published mode, not on the canvas). For more details on installation and component properties, please refer to the documentation - https://docs.zeroqode.com/framer-plugins/split-text-reveal Perfect For Hero sections and landing pages with dynamic headlines Portfolio and agency websites with typographic motion Product pages with scroll-triggered text reveals Interactive layouts with hover or click-driven animations Any project where you want typography that moves Support 💬 For any questions, feel free to contact us at this support email: support@zeroqode.com

Animate text by characters and words