Blur text scroll
A scrolling effect that gradually removes blur from text, creating a smooth reveal as users read.
Make it with Workshop
Build your own component with AI
About this Component
Blur Text Scroll
Blur Text Scroll is a Framer component that creates an engaging text reveal effect as users scroll. The text starts blurred and gradually comes into focus, giving your content a dynamic, cinematic feel that draws attention to key messages.
Key Features
Smooth blur-to-clear text reveal on scroll
Fully customizable blur intensity and animation speed
Works with any text block or headline
Adds an elegant storytelling touch to your site
Perfect For
Hero sections with impactful messaging
Storytelling-driven landing pages
Creating subtle yet powerful scroll animations
Easy to Use
Drop the component into your project, set your text, and adjust blur settings to fit your design style.
