Scroll — watch it reveal

A scroll-driven text reveal for Framer

Words that wait

Words that wait

Words that wait

Words that wait

Words that wait

for the reader.

for the reader.

for the reader.

for the reader.

for the reader.

Unveil reveals your copy word by word, or letter by letter, as people scroll. Twelve effects, plus your own mix. One component, no code.

Get Unveil

See it in action

Scroll to read

01 / 12 — Bloom

01 / 12 — Bloom

Words appear as you scroll

Showcase effects

Twelve ways for words to arrive.

Every effect moves from your Initial Color to your Final Color. Pick one and tune it, or mix your own with Custom.

01 / 12 — Bloom

Letters drift out of a soft blur and bloom into place.

Letters drift out of a soft blur and bloom into place.

Letters drift out of a soft blur and bloom into place.

Letters drift out of a soft blur and bloom into place.

Letters drift out of a soft blur and bloom into place.

Our favorite. Letters drift out of a blur, fade in and rise into place.

Split: Letter · Blur 16px

02 / 12 — Color

Every word picks up its color the moment you reach it.

Every word picks up its color the moment you reach it.

Every word picks up its color the moment you reach it.

Every word picks up its color the moment you reach it.

Every word picks up its color the moment you reach it.

The classic. Each word picks up its color as it’s read.

Split: Word

03 / 12 — Fade

Lines fade up out of the dark, one quiet word at a time.

Lines fade up out of the dark, one quiet word at a time.

Lines fade up out of the dark, one quiet word at a time.

Lines fade up out of the dark, one quiet word at a time.

Lines fade up out of the dark, one quiet word at a time.

Words come up out of the dark, one at a time.

Opacity 0.08

04 / 12 — Rise

Letters lift into place as if set by hand.

Letters lift into place as if set by hand.

Letters lift into place as if set by hand.

Letters lift into place as if set by hand.

Letters lift into place as if set by hand.

Letters lift into place from below.

Split: Letter · 28px

05 / 12 — Mask

Whole lines rise from behind an edge, the way the best editorial sites do it.

Whole lines rise from behind an edge, the way the best editorial sites do it.

Whole lines rise from behind an edge, the way the best editorial sites do it.

Whole lines rise from behind an edge, the way the best editorial sites do it.

Whole lines rise from behind an edge, the way the best editorial sites do it.

Lines slide up from behind an invisible edge.

Split: Line

06 / 12 — Blur

Out of focus at first, then perfectly sharp, word by word.

Out of focus at first, then perfectly sharp, word by word.

Out of focus at first, then perfectly sharp, word by word.

Out of focus at first, then perfectly sharp, word by word.

Out of focus at first, then perfectly sharp, word by word.

Out of focus, then sharp.

Blur 14px

07 / 12 — Scale

Small at first, then every word grows to its full size.

Small at first, then every word grows to its full size.

Small at first, then every word grows to its full size.

Small at first, then every word grows to its full size.

Small at first, then every word grows to its full size.

Each word grows to full size.

From 0.4

08 / 12 — Slide

Words glide in from the side and settle on the line.

Words glide in from the side and settle on the line.

Words glide in from the side and settle on the line.

Words glide in from the side and settle on the line.

Words glide in from the side and settle on the line.

Words glide in from the side.

From left · 40px

09 / 12 — Flip

Letters swing up from the baseline like cards turned over.

Letters swing up from the baseline like cards turned over.

Letters swing up from the baseline like cards turned over.

Letters swing up from the baseline like cards turned over.

Letters swing up from the baseline like cards turned over.

Letters swing up from the baseline.

Split: Letter · 90°

10 / 12 — Skew

A lean, a snap, and the whole sentence stands up straight.

A lean, a snap, and the whole sentence stands up straight.

A lean, a snap, and the whole sentence stands up straight.

A lean, a snap, and the whole sentence stands up straight.

A lean, a snap, and the whole sentence stands up straight.

A lean, then a snap upright.

Angle 60°

11 / 12 — Highlight

A marker sweeps across the line and leaves every word behind it lit.

A marker sweeps across the line and leaves every word behind it lit.

A marker sweeps across the line and leaves every word behind it lit.

A marker sweeps across the line and leaves every word behind it lit.

A marker sweeps across the line and leaves every word behind it lit.

A marker sweeps across the line.

Trail: 3 words

12 / 12 — Scramble

Decoding the message, one letter at a time.

Decoding the message, one letter at a time.

Decoding the message, one letter at a time.

Decoding the message, one letter at a time.

Decoding the message, one letter at a time.

Random characters settle into the real ones.

Scramble 0.6s

Your mix — Custom

Mix your own: a little blur, a little lift, a gentle turn.

Mix your own: a little blur, a little lift, a gentle turn.

Mix your own: a little blur, a little lift, a gentle turn.

Mix your own: a little blur, a little lift, a gentle turn.

Mix your own: a little blur, a little lift, a gentle turn.

Mix fade, blur, movement, scale, rotation and skew.

Blur · Move · Rotate

12 effects included

Pick one to jump to it.

Bloom

Blur, fade and rise in one soft move.

Color

Each word picks up its color.

Fade

Words come up out of the dark.

Rise

Letters lift into place.

Mask

Lines slide up from behind an edge.

Blur

Out of focus, then sharp.

Scale

Every word grows to full size.

Slide

Words glide in from the side.

Flip

Letters swing up like cards.

Skew

A lean, then a snap upright.

Highlight

A marker sweeps across the line.

Scramble

Random characters settle in.

Full control

Fine-tune
every detail.

Softness, order, start and end lines, smoothing, repeat. Every setting lives in Framer’s properties panel, so you shape the motion without touching code.

Softness, order, start and end lines, smoothing, repeat. Every setting lives in Framer’s properties panel, so you shape the motion without touching code.

Softness

3

Start line

85%

End line

45%

Smoothing

0.3

Variations

Same sentence, eight rhythms.

Split by Word

Whole words change together. Calm and easy to read.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Split by Letter

Every character moves on its own for a finer, typed feel.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Split by Line

Each line moves as one, behind a mask.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Order: Random

Letters arrive in a shuffled order, the same on every visit.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Order: Center

The sentence opens from the middle outwards.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Trigger: Scroll

Tied to the scroll position. Scroll back and it rewinds.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Trigger: In View

Plays once on its own when it reaches the Start line.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Repeat: Reverse

Plays on its own, and backwards when you scroll up past it.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Good writing deserves a little ceremony.

Built for creators

Built for real sites, not just demos.

Sleeps when idle

No scrolling, no work. The loop stops the moment the text settles and wakes on the next scroll.

Respects reduced motion

Visitors who ask for less motion see the finished text right away.

Screen-reader friendly

Assistive tech reads the sentence in one piece, never word by word.

Live in the editor

Editor Preview shows the effect on the canvas at any amount while you design.

Any font

Uses Framer’s font picker, so it fits your type system and your text styles.

Start and End lines

Choose exactly where on screen the reveal begins and where it’s complete.

Get Unveil

Make every word count.

Make every word count.

Make every word count.

Make every word count.

One component, twelve effects, every setting in the Framer properties panel. Drop it in, type your copy, publish.

Get Unveil

Get Unveil

Make every word count.

One component, twelve effects, every setting in the Framer properties panel. Drop it in, type your copy, publish.

Get Unveil

Unveil · A Framer component

© 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.