Horizontal Text Flow
Horizontal scroll text reveal component with per-word animation, customizable font, spacing, color, easing, and optional reverse on scroll up, fully controllable in Framer.
Make it with Workshop
Build your own component with AI
About this Component
Horizontal Reveal Text Component is a highly customizable, scroll-driven text animation tool built for Framer. It animates text words horizontally as the user scrolls, providing a smooth and engaging visual effect. Each word can reveal individually with a slide-and-fade motion, and the animation can be controlled to either reverse when scrolling up or stay permanently revealed. Users can customize font styles, sizes, letter spacing, line height, word spacing, text color, and easing to achieve a fully tailored look. This component is perfect for creating dynamic headers, hero sections, storytelling sections, or interactive presentations.
Key Features
Horizontal scroll-triggered word reveal animation
Optional reverse on scroll up or one-way reveal
Per-word control with smooth slide and fade effect
Fully customizable font, size, weight, and style
Adjustable word spacing and line height
Text color control
Customizable easing for animation
Compatible with Framer property controls
Responsive and works with dynamic text lengths
Best For
Interactive hero sections
Scrolling storytelling pages
Promotional or marketing sections
Portfolio showcases with dynamic text
Engaging landing pages
Educational or presentation-style websites
