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

Jomor Design is a magical land where wondrous branding and web design happens. So let’s never stop amusing ourselves.

Jomor Design

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

Candy Brittle - This is a free clonable template for a candy shop or any other niche do you want to develop.

I found on Dribbble a photo so, I wanted to recreate this one in Webflow. The entire design of the landing page was created in Figma, and then I translated it into Webflow. 

For the first heading - Power of Candy Brittle, I combined 2 fonts (Lovelace & Erotique) for an interesting effect of the section.

And for the slider below I used one variation of a slider made by Timothy Ricks, which I adjusted a little bit to be exactly like the version I found on Dribbble.

Inspirations: dribbble.com

Fonts used: Lovelace | Erotique | Megabyte

Images: Brittle & Beyond website | Unsplash

Fell free to use this template in any of your projects!

Much more will come!

Twitter: https://twitter.com/Atwww_
Dribbble: https://dribbble.com/Atwww
Website: https://atwww.studio/

Candy Brittle

Candy Brittle - Cloneable Template

Foudamour specializes in high-end weddings with an aura of refinement and beauty. Or so they say.

FOUDAMOUR

Foudamour

The ubiquitous cursor you have possibly seen somewhere, created completely in Webflow.

The full description is here
https://forum.webflow.com/t/drams-guide-to-custom-cursors-in-webflow

Dram's Cursors

Dram's Custom Cursor

This is another one pager, but this time in the typical style of a design agency. It features quite a few interactions and animations and a bit of custom Javascript & CSS for the cursor etc.

The background video is a free-to-use download from https://coverr.co, and all images comes from unsplash. The little hamburger menu lottie animation & pre loader is created by Finsweet's Lottieflow, check them out!

If you're an agency (or someone looking for a freelancer), please hire me for the summer lmao 🤙

(No but for real hehe, feel free to email me if you need some work done for one off projects or for a few months around May - September: robin.granqvist@hotmail.se)

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Imaginary

Imaginary - A free Agency Style Template

playing around with a project menu driven by the cursor position, with some lottie animations for fun!

ichta

Portfolio showcase template (WIP)

A company from Quebec (Canada) working on the first human skin enhancement for performance-driven athletes.

Stellar Skingrip

STELLAR

When you hover over a tool, it'll reveal a thumbnail preview of the website you're about to visit, and the image will follow your cursor around (behind the content) as you hover over the link.

Flowmingo Mini #6 - Final

Image Reveal on Hover & Mouse Cursor Follow Interactions

A screen printing studio based in Montreal offering printing services, courses, workshops and space rentals for artists.

Atelier Gymnase

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

Hi my gorgeous friends of Webflow!

Have you ever tried to embed an HTML canvas into your projects? By playing a bit with Java Script, you can use it to add a fancy cursor tracking effect to your websites! :)

Enjoy, and feel free to leave a comment!

Have an awesome Webflow journey y'all,

Francesco

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

Canvas Cursor Tracking

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

A concept of the Fensea brand is inspired by the extensive benefits of sea salt. Sea salt has firmly entered into modern cosmetology, as it helps to solve many problems associated with the face and the whole body.

Fensea

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

Digital products and services consultancy. 

https://www.modesinc.com/

Modes Inc

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!

Discover cursor websites built by the Webflow community

Discover cursor websites built by the Webflow community