Horizontal Text Flow — smooth horizontal text reveal on scroll

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