---
title: "Image Reveal Effect — Framer component · Best of Framer"
description: "$12.00 · Framer component · by FramerHub.io  · Effects. SVG filter Image Reveal Effect"
canonical: "https://framer.elliotli.dev/component/image-reveal-effect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Image Reveal Effect

# Image Reveal Effect

SVG filter Image Reveal Effect

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

![Image Reveal Effect preview image 1](https://framer.elliotli.dev/og/component/image-reveal-effect/fa49c3273a22bc4a/1600x1200.jpg)

## Summary

SVG filter Image Reveal Effect

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-k9safu76-8h0JwbG72IUNGWZobF44h5piztlkQL)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=ImageRevealEffect)

[demos: live effect](https://grey-emojis-177909.framer.app/demo)

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3xv41qof-D87fyW7so7je1LRvPNqJAF4Ghphctf)](https://grey-emojis-177909.framer.app/demo)

### Features

![options](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4c6mcmi6-TPF8Vn6VEBOMdbgeusgJ4JzxOdhdR0)options

\- **Multiple Filter Types**: Circle , Blur, Wave Path

\- **Animated Title Positioning**: Titles move from center to their final positions on scroll

\- **Customizable SVG Filters**: Control base frequency, octaves, and displacement scale

\- **GSAP Powered**: Smooth scroll animations using GSAP Scroll Trigger

\- **Full Property Controls**: Customize colors, typography, dimensions, and more

\- **TypeScript Support**: Fully typed for better development experience

### License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

### Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

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

-   All · #11204

## Details

- **Author**: FramerHub.io
- **Price**: $12.00
- **Published**: 2025-12-12
- **Updated**: 2026-04-07
- **Added**: 2025-11-14
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows