ProgresiveBlurReveal
The Progressive Blur Reveal component is a modern, high-performance Framer visual effect to Create elegant hover effects with layered progressive blur and animated text reveal.
Made with Workshop
Build your own component with AI
About this Component
Key Features:
Smooth Hover Animation:The image transitions beautifully with dynamic blur and text fade-in motion.
Directional Control:Choose from top, right, bottom, left, or all directions for the blur animation.
Adaptive Blur Height & Intensity:Fine-tune how much of the image blurs and how soft or strong the effect appears.
Text Reveal Motion:Title and subtitle fade and rise into view when hovered perfect for storytelling visuals.
Fully Customizable Styling:Adjust fonts, colors, border radius, and background to match any design theme.
Responsive Design:Scales beautifully across all screen sizes and layouts.
Toggle Option:Enable or disable hover blur for static or animated displays.
Framer Property Controls:
Image source & alt text
Title & Subtitle (with custom fonts & colors)
Blur Layers, Intensity, Height, and Direction
Border Radius, Background Color
Enable/Disable Hover Blur Animation
Perfect For:
Hero sections with text overlays
Product or portfolio image showcases
Blog thumbnails with hover captions
Photography or creative websites
