Discover the best customcursor websites created by professional designers. Get inspired and start planning your perfect customcursor 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

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

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

Recreation of the new cursor interactions in iPadOS 13.4

iPad Cursor Interactions

Moritz Petersen 2023

Moritz Petersen Portfolio

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

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

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

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

IX2 Custom Cursor

Hi! Welcome to my freelance portfolio website, where I showcase my work and make use of custom code to bring everything to life!

Fionn Design

fionn.design

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

Just a little trailing cursor experiment, using native IX2 and a single line of custom CSS.

Discover customcursor websites built by the Webflow community

Discover customcursor websites built by the Webflow community