---
title: "Liquid Mask — Framer component · Best of Framer"
description: "$5.00 · Framer component · by gustavwf · Interactive. About this component Meet Liquid Mask, a cool way to give your visuals an immersive layered liquid hover effect."
canonical: "https://framer.elliotli.dev/component/liquid-mask"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Liquid Mask

# Liquid Mask

Hover effect

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

![Liquid Mask preview image 1](https://framer.elliotli.dev/og/component/liquid-mask/e6059cfa2dd185f3/1600x1200.jpg)

## Summary

About this component Meet Liquid Mask, a cool way to give your visuals an immersive layered liquid hover effect.

## Description

## About this component

Meet Liquid Mask, a cool way to give your visuals an immersive layered liquid hover effect.

Hover over the “before” state and the “after” state emerges through an organic, liquid-like mask. Perfect for showcasing transformations, comparisons, and moments of delight.

It supports image or video on both sides, making it ideal for expressive UI, visual storytelling, or just an eye-catching hero section.

## Properties

-   Before & after state with support for image and video on both sides
    
-   Brush size
    
-   Brush softness
    
-   Fade time
    

## Questions?

If you have any questions about this component, feel free to contact me [@gustavwf](https://x.com/gustavwf) or [hi@gustavwf.com](mailto:hi@gustavwf.com)

## Want more?

Find my works [here](https://gustavwf.supply/).

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

-   All · #4237

## Details

- **Author**: gustavwf
- **Price**: $5.00
- **Published**: 2025-12-23
- **Updated**: 2026-02-20
- **Added**: 2025-12-16
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase