---
title: "Hover Image Blur — Free Framer component · Best of Framer"
description: "Free Framer component · by Soubhagya Sahu · Effects. An interactive image component that starts blurred and reveals the full, clear image on hover."
canonical: "https://framer.elliotli.dev/component/hover-image-blur"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Hover Image Blur

# Hover Image Blur

[View on Framer](https://framer.com/marketplace/components/hover-image-blur/?via=elliot-li)

![Hover Image Blur preview image 1](https://framer.elliotli.dev/og/component/hover-image-blur/5d8d886046b8a5a4/1600x1200.jpg)

## Summary

An interactive image component that starts blurred and reveals the full, clear image on hover.

## Description

An interactive image component that starts blurred and reveals the full, clear image on hover. Perfect for creating engaging galleries, portfolio showcases, and interactive visual experiences with smooth, customizable transitions.

**Features:**

-   Responsive image upload with automatic optimization and positioning controls
    
-   Adjustable blur intensity from 0-50px with smooth reveal transition
    
-   Brightness control for blurred state (0-150%)
    
-   Color overlay with customizable opacity (0-100%)
    
-   Optional zoom/scale effect on hover (1.05x magnification)
    
-   Customizable border radius (0-200px) for rounded corners
    
-   Adjustable transition speed (0.1-2 seconds)
    
-   10 easing curve options (Linear, Ease In/Out, Circ, Back, etc.)
    
-   Hardware-accelerated rendering for smooth 60fps animations
    
-   Touch-friendly for mobile devices
    
-   Works seamlessly in canvas, preview, and published sites
    
-   No coding required - all visual property controls
    
-   Fixed layout support for precise sizing
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #3703

## Details

- **Author**: Soubhagya Sahu
- **Published**: 2025-10-23
- **Updated**: 2025-11-29
- **Added**: 2025-10-14
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo