Flowing Outline Text — Framer Code Component

Preview

Make color move through type.

Flowing Outline Text turns any editable word or multiline phrase into a seamless sequence of colored segments traveling along the real outline of every glyph.

Customize the text, font, palette, stroke width, segment length, spacing, speed, direction, fill, track, and background directly inside Framer.

Features:

• Fully editable live text
• Up to eight custom colors
• Responsive SVG rendering
• Multiline support
• Adjustable segment length and gaps
• Reversible seamless animation
• Automatic viewport and hidden-tab pausing
• Reduced Motion support
• Static-renderer safe
• No external dependencies

Perfect for hero sections, portfolios, launch pages, editorial layouts, posters, and experimental typography.