TrueFocus
TrueFocus highlights words one by one with blur and glow effects. Supports auto or hover mode, custom fonts, colors, and alignment—perfect for eye-catching text focus.
Make it with Workshop
Build your own component with AI
About this Component
TrueFocus is a dynamic Framer component that brings attention to individual words in a block of text by highlighting them one at a time. It combines blur effects on inactive words with a glowing animated border around the active word, creating a focused reading experience.
You can switch between automatic playback or manual focus on hover, making it flexible for storytelling, presentations, or interactive UI elements. The component supports full customization—including font, color, glow style, blur intensity, word spacing, and text alignment—allowing it to blend seamlessly into any design.
