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

I rebuild Plink's website in Webflow because I really liked the interactions they have created. I thought it would be cool to learn how to create them in Webflow, and also to make it clonable for others to have a look at and learn how to create these interactions too.

Custom code was used, but there are just a few simple lines.

Plink's website for comparison: https://useplink.com/en/

--

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/

Plink Webflow Rebuild

Cloneable rebuild of https://www.dillinger.tv/

Variable Fonts

Variable Font Interactions

A library of fine design assets for designers that value their time

thePenTool - Fine Design Assets

Very contemporary! Another website, another draft and experiment with my so called "grid" style. Added custom cursors, accordion, sticky containers, lottie burger, etc.

Still working on it – feel free to clone.

contemporary

Clone: Grid Style Website Draft (cursor / sticky / accordion / lottie)

Rebuild of https://www.awwwards.com/annual-awards-2021 winners menu.

Menu Hover Effect

I liked Bertani's horizontal scrolling website so much that I rebuilt it in Webflow.

Almost no custom code was used. I used just a little for insignificant stuff such as hiding the scrolling bars, adding the difference blend mode to the cursor, creating the countdown year effect in the preloader, and adding an outline to the text in the menu.

Clone it and have a look through it.

--

Want to learn how it was created? Subscribe to my YouTube channel (tutorials for this website coming soon) 👉 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/

Bertani Webflow Rebuild

Bertani Webflow Rebuild - Horizontal Scrolling Website

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

Rebuild of https://wickret.cuberto.com/ hero

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Wickret

Wickret Hero

Just using one custom cursor per page? That's old hat. Using the powerful, simple CSS Clip property, you can use a variety of cursors in a single page, opening up the opportunity for some very unique and different explorations of what a cursor can be!

Wanna have your cursor change text between CMS elements? You can do that! How about cursors with different interactions? You can do that too! 

This project just scratches the surface of me exploring the use of multiple different cursors in-page, and I hope you guys in the community use this solution to make some super cool stuff 😎

Looking forward to hearing your thoughts in the comments!

Switch Cursors By Section Using CSS Clip! ✂️

Switch Custom Cursors In-Page Using CSS Clip ✂️

Recreation of the new cursor interactions in iPadOS 13.4

iPad Cursor Interactions

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

Arsitect Agency - Architectural Studio (Live 🔥)

New exploration of Arcitect landing page animation. Arcitect specializes in the design and construction of contemporary and traditional homes, barn conversions, extensions, and the renovation of listed buildings.
It's already live guys! Cheers! 🤙

This landing page project also comes with animation that you can clone for FREE!

Don't forget to drop a like and comment if you are interested!

Thank You!
🏀 Dribbble : Odama | 📷 Instagram : Odama Studio | ✉️ Email : odamastudio@gmail.com | Visit our official website on odama.io

Arsitect

Arsitect Agency

Cool OGL Cursor :D
https://github.com/oframe/ogl

You can edit:
- Speed
- Count of lines
- Friction 
- Colors
& More

cool custom cursor

OLG Custom Cursor

A gallery of images that can be dragged to reveal new items.
⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃
Take a look at our latest Portfolio Template 
https://louis-template.webflow.io/  
⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃
➊ Website @ www.fouroom.co
➋ Templates @ https://webflow.com/templates/designers/fouroom
➌ Twitter @ www.twitter.com/foouroomdotco
➍ Instagram @ www.instagram.com/fouroom.co
➎ Dribbble @ www.dribbble.com/fouroom

Draggable Image Gallery

This cloneable features a circular magnetic CTA & trailing custom cursor.

Circletype.js was used for the circular text. You can change the text and the circle radius will auto-calculate.

Inspired by the brilliant https://www.forstellar.com design by Jomor.

Circular CTA

Magnetic Call To Action

Custom cursor using only IX2 and one line of CSS code. Big thanks to Alex Dram for the awesome tutorial!

IX2 Custom Cursor

Bookmark

Custom Cursor on Hover

037 - 100 days of @webflow interactions

Clone it
https://webflow.com/made-in-webflow/website/037-100dwfix

#37 Show Custom Cursor on Hover

#37 Custom Cursor on Hover

My new portfolio is finally out from my workspace's vault! 
It almost didn't get to turn on the pixels on your screen because I'm already working on the next one, but someone I appreciate a lot said to me "It's always better to show than to keep" so here it is in all its flaws and quirkiness. 

If you enjoy it as much as I did enjoy creating it from scratch, then we might think alike :)
Thanks for watching!

Discover custom cursor websites built by the Webflow community

Discover custom cursor websites built by the Webflow community