Prism Text Reveal hides a flowing color gradient behind your text and unveils it through a soft radial spotlight that chases the cursor — so the gradient only lights up where the visitor is looking.
Features
Two modes — Stroke (outlined letters with an animated draw-on) or Fill (solid letters that brighten on hover)
Cursor-following reveal — a radial mask trails the pointer with adjustable size and a springy, smooth follow
Custom gradient — add unlimited colors and optionally animate them in a continuous rotating flow
Glow — optional blur-based glow with adjustable intensity for a neon look
Full typography control — any font, weight, size, and letter spacing
Fine-tuned motion — choose between spring physics (Smoothness) or plain easing (Duration)
Controls Text · Mode (Stroke/Fill) · Font · Smoothness · Duration · Base Color · Stroke Width · Idle & Hover Opacity · Reveal Size · Gradient colors · Animate Colors · Flow Speed · Glow · Glow Intensity
Perfect for hero headlines, landing-page titles, portfolio intros, and any section where you want text that reacts to your visitors.
Fully responsive · No code required · Works on any Framer site.
Prism Text Reveal hides a flowing color gradient behind your text and unveils it through a soft radial spotlight that chases the cursor — so the gradient only lights up where the visitor is looking.
Features
Two modes — Stroke (outlined letters with an animated draw-on) or Fill (solid letters that brighten on hover)
Cursor-following reveal — a radial mask trails the pointer with adjustable size and a springy, smooth follow
Custom gradient — add unlimited colors and optionally animate them in a continuous rotating flow
Glow — optional blur-based glow with adjustable intensity for a neon look
Full typography control — any font, weight, size, and letter spacing
Fine-tuned motion — choose between spring physics (Smoothness) or plain easing (Duration)
Controls Text · Mode (Stroke/Fill) · Font · Smoothness · Duration · Base Color · Stroke Width · Idle & Hover Opacity · Reveal Size · Gradient colors · Animate Colors · Flow Speed · Glow · Glow Intensity
Perfect for hero headlines, landing-page titles, portfolio intros, and any section where you want text that reacts to your visitors.
Fully responsive · No code required · Works on any Framer site.
