Skip to content

Blur text scroll

Blur text scroll preview image 1

Summary

Blur Text Scroll is a Framer component that creates an engaging text reveal effect as users scroll.

Description

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.

Rank history How rankings work →

125015001750187968/149/59/2710/1911/10
  • All · #8481

Details

More like this