Liquid Mask
A cool way to give your visuals an immersive layered liquid hover effect.
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.
