Skip to content

component

Liquid Mask

By gustavwf

Details

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 or hi@gustavwf.com Want more? Find my works here .

Introduction

Hover effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300130488/148/228/309/79/15
  • All · #2155