About Text Illuminate

What is Text Illuminate?

Text Illuminate is a per-character gradient sweep animation. A luminous wave travels across your text, painting each letter from top to bottom with a glowing accent edge before settling into the final colour. Ideal for hero sections, feature headings, call-to-action lines, and anywhere a premium text entrance adds visual impact.

Core Features

Per-character gradient sweep reveal using a luminous accent edge that travels through each letter individually
Five curated colour themes — Midnight, Ember, Ocean, Aurora, and Monochrome — plus full custom palette support
Glow flash burst on character arrival that fades smoothly to a subtle steady glow
Four stagger directions — Left to Right, Right to Left, Center Out, and Random — for varied reveal patterns
Three trigger modes — On View, On Hover, and Loop — with seamless looping and configurable pause duration

Controls inside Framer

Theme

Theme preset selector with five options plus Custom
Text colour and accent colour pickers (visible in Custom mode)

Reveal

Trigger mode (On View, On Hover, Loop)
Stagger direction (Left to Right, Right to Left, Center Out, Random)
Per-character stagger delay
Per-character sweep duration
Loop pause duration

Glow

Glow toggle (On / Off)
Glow intensity radius

General

Text content with multiline support
Font family and weight
Font size
Text alignment (Left, Center, Right)
Hover Lift toggle

Best use cases

Hero headlines and landing page headings that need a premium first impression
Portfolio and agency sites where kinetic typography sets the creative tone
SaaS feature sections and product launch pages to draw attention to key messaging
Looping display text for event pages, waitlists, and coming-soon screens

Elevate your headlines from static to cinematic. Drop Text Illuminate and have a polished, looping text animation running in seconds.