Pill Text Reveal — Scroll-reactive pills that reveal text

Pill Text Reveal is a premium Framer text component that creates a clean block-to-text reveal as users scroll.

Words first appear as rounded pill blocks, then progressively transition into readable text. The result is a polished editorial motion style that works well for storytelling sections, manifesto copy, and feature intros.

Features

• Scroll-reactive word reveal animation

• Pill block to text transition

• Fully customizable typography via Framer Font controls

• Adjustable block color, text color, radius, spacing, and padding

• Responsive by default and safe for duplicated instances

Controls

• Font: Set family, weight, size, line-height, and letter-spacing

• Paragraph: Main text content to animate

• Text: Final revealed text color

• Block: Initial pill block color

• Radius: Corner roundness of each pill

• Gap: Vertical spacing in the text wrapper

• Padding: Inner spacing around the component

Best for

• Saas and futuristic-style layouts

• Product storytelling sections

• Body text

Notes

For best readability, use strong contrast between text and background, and keep paragraph length moderate for smoother visual pacing.