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

New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Antonio's Amazing Experimental Project

Let Your Brand stand out from the crowd.

A simple way to create a cursor tooltip in Webflow, which fades in when hovering over a certain element and follows the mouse pointer. This could be used for example for teasers that link to the next project in your portfolio.

Tutorial: https://youtu.be/YwW_cRpZDr0

Mouse Tooltip Next Project

Mouse Tooltip Next Project Teaser

This is a simple mouse scroll animation with a dot moving from the top to the bottom and then repeating. This can make for a nice animation to let users know to scroll down.

WebDev For You - Interaction #154

Mouse movement experiment using Flex and IX2. Cloneable!

Mouse Navigation Experiment

Mouse Movement Navigation

Folow my Webflow Tips on my youtube Channel : https://www.youtube.com/alextourgis

Webflow Tips N°3 : Mouseover effect

Simple trick to change background image on mouse hover dynamic items list. ;) All done using native capabilities without script.

CMS Blog Post Change BG

Designflow agency

This is our 8th cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://cursor-trail-images.webflow.io/. 
Cursor animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Unsplash images 
Follow me for more Webflow freebies in the future 💙

Cursor Trail Images

Cursor Trail Images — Cloneable # 8

FlowRocket

Experimenting with clipping text and then moving the Background when the mouse moves.

The effect is you can see the background move through the text with the mouse

Clipped Text with moving background

Clipped Text with Moving background

Hi my gorgeous friends of Webflow,

This project contains a 3D social media icon effect on hover

Enjoy and feel free to leave a comment!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

3D Social Media Icon Effect On Hover

3D Social Media Icon Effect on Hover

Add some fun to your website with our cloneable "Random CMS Image on Mouse Move"! In just a few clicks, you can add some interactivity to your CMS images and make your website more fun. With each mouse move, our clonable displays images sourced from a collection of your Webflow CMS in the background in a random way. You can easily customize the clonable and integrate it into your existing website by copying the custom code and modifying the images from your CMS collection.

Countdown Digi

Random CMS Image on Mouse Move

Sample with mouse over interactions. Feel free to clone

Mouse over interaction

mouse-over-interaction

Came up with a really nice hero interaction for a client recently. The way this effect is achieved is by having 4 separated layers with different levels in the Z axis.

Perspective Hero (Mouse Over)

Perspective Camera Shift (Mouse Controlled)

Here's how I implement custom cursors in Webflow - a little custom CSS here goes a long way in making the cursor feel more integrated.

Tutorial: https://youtu.be/lRKdb5yDh-k

Custom Cursors

Custom Cursors Explained!

A simple one-pager for TLL to have their current links in one place.

Tampico Lasting Love

Tampico Lasting Love - One Pager

Bookmark

Image distortion

No custom code, everything @webflow native

This interaction is one step forward to build something similar to https://andreasantonsson.dev. This was requested by @socoloffalex. 

The full build coming soon.

049 - 100 days of @webflow interactions

#49 Distortion on Mouse Move

#49 Image distortion

Hey everyone!

Here is a text stroke interaction on mouse movement. Credit goes to https://codepen.io/shshaw/pen/oOoLvy

Make sure to clone it.
If you like these contents, make sure to follow us and check out uiflow.co

Visit us @ uiflow.co

Splitting image on hover

Digital Butlers

Hello there! Will be glad to share this project with the community 🙏🏻

"The HedgeHog Health team is composed of doctors, ABA therapists, and parents and families of children with autism. Because this is our community, and our entire world, we couldn’t help but notice how damaging wait times can be to a child’s development and a parent’s peace of mind."

Kind and beautiful brand 🙂
Will be glad to know your thoughts about the work!

All the best and hello from Minsk, Belarus! ✋🏻

Hedgehog Mouse

Hedgehog Mouse. Autism care that improves your child’s progress now

Interesting take on a personal portfolio with some animations and interactions including parallax and horizontal scrolls with an extremely cool menu and work page.

Let me know if you have any questions!

Discover mouse websites built by the Webflow community

Discover mouse websites built by the Webflow community