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

Hatch is a utility framework for Webflow that is made up of over 2,200 low-level utility classes, helping you work super fast.

Font sizing + spacing scales down automatically on each breakpoint so it's fully responsive out of the box.

If you want to use a style (or override a style) at a specific breakpoint, add a breakpoint class starting with Tablet, Landscape or Portrait. 

- - - - 

Watch a demo of me building with Hatch here: https://youtu.be/SgmapsRTgVo

Be sure to checkout the documentation to see which classes are available: https://www.notion.so/Hatch-0d4a03cf6c9f474787e59484822d09c7

(Official + searchable documentation site coming soon). 

I'd love to hear what you think! If you have any thoughts and/or ideas on how I can make Hatch better please let me know! Hit me up on Twitter (https://twitter.com/mackenziechild) or email me mackenzie@flowmingo.co.

Hatch

Hatch - A Utility Framework for Webflow

Hey everyone 👋

Mac is a retro themed template you can use for your personal website, blog, or whatever.

Clone the template and use as is or customize to fit your project :)

There's a bit of custom css for the custom scroll bar & cursor, plus I used css calc to figure out of bit of the widths / heights with the fixed header and such. 

If you end up using it for one of your projects let me know so I can check it out! 

Enjoy 👍

Mac Template

Meet Mac, a free retro themed template

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

This is a simple sign up modal with a custom bounce interaction. You can click the "X" to close, or simply click anywhere outside the modal itself.

Flowmingo Mini #4 - Sign Up Modal Bounce Interaction

Sign up Modal Bounce Interaction - Flowmingo Mini Project #4

A small experiment that's been out there for a while. Feel free to clone it!

Invert on hover

Custom cursor + Invert color on hover

A revamped site for our digital studio! We leaned a little more into our "classy cat person" brand on this redesign. 

Featuring small interaction delights such as a sleeping cat hover cursor and pawprints that follow you across the page. This was so fun to build and I hope you have as much fun exploring!

KC Kat Creative

KC Kat Creative Studio

Watch Me Practice is a twice a week livestream where I work on illustration & UI design stuff in an effort to get better at what I do and share the process with others so they can hopefully learn something along the way.

I went with a dark theme to play on the fact that one of the livestreams is in the evening... You know, after the sun goes down ;) 

My goal was to achieve a very clean / sleek / modern design.

Watch me practice

Watch Me Practice

The first practice project for flowmingo.co 🦩

It's a dark themed grid based blog layout. 

It uses a tiny bit of custom CSS to achieve this layout but it's mostly done all in Webflow :)

Flowmingo Practice Project 1

Flowmingo Practice Project #1

This is the starter project for the Flowmingo Mini-Project #6.
It includes the colors, fonts & CMS collection that we'll use to build a hover image reveal & cursor follow interaction. 
https://flowmingo-mini-6-cms-image-reveal-hover.webflow.io/

Flowmingo Mini #6 - STARTER

flowmingo-mini-6-starter

This is the starter project for the Flowmingo Mini Project #4 (Modal not included, that's what we'll be building in the tutorial 😉).

Discover hover cursor websites built by the Webflow community

Discover hover cursor websites built by the Webflow community