---
title: "Burn Hover Reveal — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Saadat Ali · Effects. Cinematic liquid & burn hover"
canonical: "https://framer.elliotli.dev/component/burn-hover-reveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Burn Hover Reveal

# Burn Hover Reveal

Cinematic liquid & burn hover

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

![Burn Hover Reveal preview image 1](https://framer.elliotli.dev/og/component/burn-hover-reveal/342ee040acf63cfc/1600x1200.jpg)

## Summary

Cinematic liquid & burn hover

## Description

## Features

-   Real-time WebGL hover reveal effects
    
-   3 built-in cinematic styles:
    
    -   Liquid Wipe
        
    -   Paper Burn
        
-   Smooth mouse-reactive parallax motion
    
-   Organic fluid distortion with noise simulation
    
-   Realistic ember and burn edge visuals
    
-   High-performance shader rendering
    
-   Fully responsive image scaling
    
-   Zero image bleeding during transitions
    
-   Optimized for Framer editor and live sites
    
-   Ultra-smooth cinematic easing animations
    

## Customization Options

-   Upload custom top and bottom images
    
-   Switch between 3 effect styles
    
-   Control animation speed
    
-   Adjust liquid refraction intensity
    
-   Customize ripple strength and flow speed
    
-   Change wipe direction angles
    
-   Fine-tune paper burn texture and ember width
    
-   Modify hover parallax depth
    
-   Toggle editor preview mode
    
-   Customize burn hole size and reveal behavior
    

## How to Use

1.  Add the component to your Framer canvas
    
2.  Upload your primary and secondary images
    
3.  Choose an effect style:
    
    -   Liquid Wipe
        
    -   Paper Burn
        
4.  Adjust animation and distortion settings
    
5.  Customize parallax depth for cinematic movement
    
6.  Preview interactions directly in Framer
    
7.  Publish your site with GPU-accelerated hover effects
    

## Use Cases

-   Creative portfolio hover galleries
    
-   Fashion and editorial websites
    
-   Premium product showcases
    
-   Interactive hero sections
    
-   Agency case study reveals
    
-   Experimental landing pages
    
-   Luxury brand interactions
    
-   WebGL-powered image transitions
    

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

-   All · #1451

## Details

- **Author**: Saadat Ali
- **Price**: $8.00
- **Published**: 2026-06-05
- **Updated**: 2026-07-11
- **Added**: 2026-05-26
- **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