TypeFlow Text

About TypeFlow

Words that arrive when they matter. Eight scroll-driven or in-view entrances for headlines and statements: Line, Word, Character, Blur, Mask, Perspective, Wave and Light Sweep. Real line detection, stagger, direction and easing controls, fluid responsive sizing and your own fonts. Accessible text, reduced motion and a canvas preview included.

Features

• Eight modes, including Perspective Reveal and Light Sweep.

• Scroll scrubbing with start, end and smoothing, or play once in view.

• Stagger, four directions and five easings.

• Real line detection that follows width and font changes.

• Fluid responsive size with a minimum.

• Semantic tags and screen-reader-friendly text.

• Canvas Progress preview in Framer.

• Reduced motion and offscreen pause.

• Automatic word fallback for very long text.

• One standalone React + TypeScript file.

• 28 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.