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.
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
Theme preset selector with five options plus Custom
Text colour and accent colour pickers (visible in Custom mode)
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 toggle (On / Off)
Glow intensity radius
Text content with multiline support
Font family and weight
Font size
Text alignment (Left, Center, Right)
Hover Lift toggle
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
