Liquid Mask

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 or hi@gustavwf.com

Want more?

Find my works here.