Discover the best hovercard websites created by professional designers. Get inspired and start planning your perfect hovercard web design today!

Wanted to create something little experimental today and ended up with cards that expand on hover. Kinda nice! Love the image masking effect which is just done with image fit to cover style natively in Webflow. 

Feel free to clone this and use it for your next project! ✨

✅ 100% Webflow
❌ Custom Code
🆓 Cloneable

Like this & follow me for more Webflow cloneable in the future 💙

Signup for my newsletter to never miss anything: 
https://cedricdesign.substack.com/

Ambient Cards

Expanding Ambient Cards

Glass Morphism Hover Card W/ ALL Reusable Components! 

The Chip, Embossment, Mastercard Logo, And Paypass Icon are All individually copyable, so you can reuse them yourself, increasing productivity! 

Card Background blur .css code from Timothy Ricks on Youtube!

Hover Card

Glass Morphism Hover Card W/ ALL Reusable Components!

Team profile cards with hover in/hover out for desktop and click open/close for all mobile breakpoints. CSS Grid set-up and interaction set-up

Team Profile Cards

team-profile-cards

Hi, I'm Matteo but you can call me zumat ;)
Actually, I'm studying interaction design at SUPSI in Mendrisio, Switzerland.
This project is a showcase of my personal works done during the Master of Arts in Interaction Design.

What you can find in my project?
A portfolio for an interaction designer.
This project is b&w-based and uses mouse hover animation.
All the works are created using the CMS function.

Inspired by Brandon Hyman.

Zumat | Interaction Designer

zumat - Interaction Designer portoflio

También

Animation on hover

Snack : https://www.youtube.com/watch?v=cWHgeDeg-rg&ab_channel=Tambi%C3%A9n

3 - Hover Card

Snack N°3 : Hover Card Animation

Creating designs that can be easily adapted to your projects and your own solutions. With my minimalistic approach and clean aesthetics my clones can be applied with ease to whatever you’re working on. 

– Take a look at this minimalist services card section with hover interaction

If you have any questions on the set up or how to make adjustments to the components you can comment here or reach out to me on 
Instagram: @christinejohannessen_
LinkedIn: linkedin.com/in/christine-johannessen

If you're enjoying my posts, please consider supporting me so I can keep improving my web design skills. 

https://www.buymeacoffee.com/chrjohannessen

service-section

Minimalistic Services Section

Memberstack

Happy Thursday! 

I took some time to revise one of Flowbase's open-source projects and added Memberstack to it. 

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons.

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Pricing Table

Green Pricing Table

My first clonable freebie for the Webflowers!

It shows a tag when you hover over some particular elements. And you can customize the textual content of the tag for each such element.

Have a look and feel free to use it in your upcoming projects ✌️

Discover hovercard websites built by the Webflow community

Discover hovercard websites built by the Webflow community