Premium Reveal Text

A Framer text component that reveals lettering during scrolling, combining a change in color with a controlled reduction in blur.

Premium Reveal Text — product preview

About Premium Reveal Text

Premium Reveal Text lets the timing of a passage follow its position in the viewport. Start and end percentages determine when the transition runs, while the initial blur and two colors establish its visual range.

The component retains native typography controls and includes a separate screen-reader treatment. It is delivered through a remix link, with the publisher offering updates for future Framer API changes.

Component details

Creates a scroll-linked color and blur reveal for text.

Start and end percentage controls define the animation’s range within the viewport.

The reveal transitions from a base color and starting blur to a highlighted state.

Fonts, weights, sizes, alignment, colors and blur amount are configurable.

The reveal’s start and end are positioned as percentages of the viewport, allowing its scroll range to follow the screen.

A Framer remix link contains the React component. Native typography controls and a screen-reader-only text treatment are documented.

Tags

Built something worth finding?

Submit a site, template, component or tool built with any stack. We will add it to the atlas.

Submit

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord