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

A magnetic video play button that appears on hover on a background video and follows the mouse cursor. When clicked, it opens a lightbox with the video.

Tutorial: https://youtu.be/ySUF-D9LxjE

Magnetic Video Play Button on Hover

Magnetic Video Play Button following the Cursor

Create a more dynamic and interactive experience for your users by using a simple cursor animation made using Cuberto Mouse Follower and GSAP. 

Free to Clone and experiments. Follow for more and visit my profile for more such interactions and cloneables. 

Thanks! 

MovingCursor

Smooth effects for the mouse cursor with Text and Video on Hover using JavaScript

Start your website with our cloneable hero section design perfect for Agency Portfolio 💼

Components & Features:

⦿ Custom cursor
⦿ Full Screen Slider with custom slider navigation dots along with slide change animation
⦿ Full-Screen Hamburger Menu

--------------

Like this cloneable?  👍 

We're coming soon with a huge library of more such high-quality and free cloneable hero section designs for every kind of website built in Webflow.

For more FREE CLONEABLES
→ https://theherosection.webflow.io/

--------------

Support:

If you have any difficulty in understanding the design or any part of it, please feel free to comment below. Alternatively, you can send us an email here: support[at]theherosection.com

--------------

License:

⦿ Images from Unsplash (CC0 license)
⦿ Iconography from FontAwesome

THS15

Agency Design 4 Cloneable Hero Section

Our first cloneable template 🔥

We hope you enjoy this super clean and minimal (no pun intended) website, packed with awesome features, both CMS and non-CMS powered!

✅ CMS interactions
✅ JS interactive + magnetic cursor
✅ Fully responsive with fluid responsiveness
✅ Finsweet client-first framework

Feel free to ask any questions below :)

Massive shoutout to Cuberto for the inspiration ❤️

We hope this is useful! Enjoy!

MNML Website

[Cloneable Template] MNML Agency Website

Wisefools

An experience design studio for food & beverages and fashion & lifestyle. Our focus: make your touchpoints score through Branding, Touchpoint design & Brand stories.

Wisefools experience design studio

I've been asked a number of times how we built the old Memberstack 1.0 hero animation. Finally getting around to making it clonable! If you have any questions, just let me know. 



2020 MemberStack Homepage

Memberstack Homepage from 2020

Inspired by a tweet, I decided to build this page in Webflow. 
https://twitter.com/Rainmaker1973/status/1659477013894184961?s=20

Hexagons

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 ✌️

Hover Tag

Clonable Hover Tag

This small cloneable allows you to use Webflow's native settings to create a night-vision-like spotlight cursor to use in your photo based websites.
There is only one optional custom css line to disable pointer events on the cursor wrapper.


---
All photos used are from Unsplash @caarl

Night Vision Spotlight Custom Cursor

Hi everyone!
I crafted this cut-off effect for an upcoming project and thought I should share it with the community.

The window circle is animated using native Webflow interactions to follow the mouse movement through the viewport.
Using CSS3 Blending Modes I managed to make the background behind visible. In this case, I used a video background but it can be replaced by a static image or a gif. (Keep the same classes and replace the video bg for a regular div, then add the background image in the styling panel).

The Green version contains the demo content and some cosmetic styling, but I also included a "Warm/Clean" version (see footer) that contains just the effect so it's easier to implement on your own projects.

I encourage you to play around with backgrounds in both the Mask-BG and the Animated-BG to achieve some mesmerizing visuals.

A like is very appreciated if you clone and enjoy this work ♥️
Have fun building!

Cursor cut-off with Background Video

IRL is an interchangeable retail location, offering its space to artists, local businesses, and online brands.

Interchangeable Retail Location

IRL — Parker Studio's Interchangeable Retail Location

Wellness Challenge

wellness-challenge

Rod Rosolen

Cartwheel provides multi-tiered, evidenced-based mental health support from licensed clinicians, designed around your entire school community.

Discover interactivecursor websites built by the Webflow community

Discover interactivecursor websites built by the Webflow community