A smooth, liquid-style hover interaction that reveals a label when users hover over an image. Fully customizable with variables for colors, text, and imagery.
Make it with Workshop
Build your own component with AI
Fluid Reveal Hover Card is a polished micro-interaction component designed to bring personality and motion to your website visuals. When users hover over an image, a fluid, blob-like animation emerges and seamlessly displays a name or label, then retracts back into the image when the cursor leaves.
Perfect for team sections, profile grids, contributor lists, testimonials, creator showcases, card hovers, and playful interactive UI moments, this component adds a modern GUI-style touch without overwhelming your layout.
Built entirely with Framer Variables, you can easily swap images, edit the label text, and customize both background and text colors to match any brand or theme. Drop it into any frame, tweak the settings, and you’ve got a dynamic hover effect ready to ship.
Support:
For any customization help or suggestions, feel free to reach on design.vipinkrish2011@gmail.com