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

The images appear as you hover, they stick to the mouse and overlay the text. This effect could be used well in a portfolio or as a listing of services.

Watch the tutorial:
https://youtu.be/98XsJAtAYyM

Text Grid with Magnetic Images on Hover

GSAP Hover Span

Not the most performant of effects, but it could be tweaked it into something cool probably. Also, it was a good excuse to celebrate the new backdrop-filters 🎉 (this won't work in Firefox.)

✅ Native Interactions
✅ Custom Code (just one line of CSS)

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Aurora Gradient

MM—015: Aurora Gradient

Watch the tutorial at https://www.youtube.com/watch?v=BNVSkKtHuns

Based on https://isabelmoranta.com/

Isabel Project Hovers

Here is a collection of various buttons I've found or tweaked from somewhere. They are all very cool and I though it'd be nice to put them all together for when you need some different buttons.

Massive Button Collection

Lots of Sweet Buttons

Shanghai is built and created with an elegant design and sophisticated style that gives your consumers a unique experience.

Shanghai - MadeInWebflow

Shanghai - Mobile Webflow Template

Vancouver is a dark one-pager template for SaaS. Vancouver was created to help you manage your business as quickly and efficiently as possible. You can use the template in a variety of industries thanks to its clear and straightforward design.

Vancouver - MadeInWebflow

Vancouver - SaaS Webflow Template

Can a complex game menu such as Battlefield 4's one be built in Webflow?
Yes!

Almost no code was used, I used just a little for insignificant stuff such as linking links to tabs or creating custom scroll bars.

Clone it and have a look through it.

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Battlefield 4 Webflow Rebuild

Denver is a modern one page template dedicated to apps that have something to show. It’s created to showcase your app in a clean and creative way. It will captivate your audience and create a more meaningful experience for them.

Denver- MadeInWebflow

Denver- App Webflow Template

Colorado is dedicated to creative agecies. It’s created to showcase your innovative agency and the people who helped it succeed. Your story is deserving of all the attention.

Colorado - MadeInWebflow

Colorado - Agency Webflow Template

The template of your agency. Allowing you to showcase your work and company with style. Amsterdam will raise your agency above the competition's bounds and boundaries, influencing the industry with your modern style.

Amsterdam - MadeInWebflow

Amsterdam - Agency Webflow Template

Toronto - Your mesmerizing work deserves to be shown to the world, give yourself your art gallery and display your masterpieces the way they should be. Be one of the people that inspire others with their work.

Toronto - MadeInWebflow

Toronto - Photography Webflow Template

We added magnificent hover card effects to the design for a woman's beauty care brand. 🌊 Maybe you can guess that it focuses on products made with natural sea ingredients 🌊

Follow us:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam

Transition hover effect product cards

Fensea Product Cards

A cool little thing for you! 

There's a hidden section with empty CMS to help you copy/paste faster.

Party on!

Minim Full Screen Accordion

minim-full-screen-accordion

These tabs are perty neat.

*Be sure to copy the Section called COPY ME so you don't have to unlink all the collection items.*

There's a neat hover interaction on the items thanks to a slick template from tycreated. Check out his templates for they are insanely cool and free.

Ok have at it! Enjoy!

Slick Underline Tabs

The Institute researches the issues of today’s urban reality. Their students and contributors are eager to make the cities of the future sustainable, multicultural, safe and healthy. 

Spaces Urbanistic Interaction

Switching tabs with image swapping

Another week, another E-Commerce homepage! For this one we decided to use a mock male wellness brand that sells products for your mind and body. 

Fully cloneable. We hope you enjoy it!

Branding concept & assets created by Laezza Studio (https://www.behance.net/alelaezza)

ONE Male Wellness E-commerce Homepage Concept

Male Wellness E-Commerce Homepage Concept

I recreated the Disney+ Homepage featuring some of our favorite movies and shows. It includes an interactive nav menu and profile drop down and resizes for different screens and viewports. 

Feel free to share or check out my video tutorial on how I built it: https://www.youtube.com/watch?v=Yf-VamceqVE&feature=youtu.be