Prism Text Reveal

Free

Prism Text Reveal

Turn any headline into an interact

Details

Category

Last update

Suggest improvement or report a bug

Prism Text Reveal — Framer component

About this Component

Preview

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 modesStroke (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.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.