Focus Reveal text

Show Preview
Focus Reveal text
Focus Reveal text

About Focus Reveal text

Focus Frame Text – Blur-to-Focus Word Animation with Glowing Frame

Live demo

A line of text that blurs and dims every word, then brings one into sharp focus at a time. A glowing corner-bracket frame glides from word to word. Type your own text, set the pace, and match the look to your brand with one frame color.

What you get

  • Direct component URL to paste into your canvas

  • Free lifetime updates

  • Support within 24 hours

Customizable

  • Content: any text, with words split automatically and the starting focus word selectable

  • Typography: font (family, size, weight, line height, letter spacing), text color, alignment, word gap

  • Focus & Motion: blur amount, dim level for unfocused words, spring, ease or linear motion, with stiffness and damping for spring or duration for ease and linear

Good to know

  • Code component for Framer, not a standalone download

  • No external libraries to install

  • The animation runs in Preview and on the published site. The canvas shows a static view with the frame on your chosen focus word, so you can position everything

  • Works at any width, and long text wraps with the frame following the focused word

  • Best with short lines of 3 to 7 words, such as hero headlines and taglines

License: Unlimited personal and client projects. No resale or redistribution.

Refunds: Due to the digital nature of this product, all sales are final, and refunds will not be issued. Please ensure you review all product details carefully before purchasing. If you have any questions or need further clarification, feel free to reach out before completing your purchase.

Questions? support@russetsupply.com

From Russet Supply

Type Write Effect
Gooey Text Reveal
Skeleton Reveal Text
Numbers Flow

Related Components

WebGL Text Tunnel
Reveal Text
AutoCover
Diagonal Text Reveal