Cursor Builder

data-cursor

Live preview

move your mouse over the page
Mouse or trackpad required. The live cursor preview is disabled on touch devices. You can still configure the cursor and copy the generated code.

Independent design studio

Interfaces that feel as good as they look.

Northwind designs brands, products and websites. Hover this paragraph, then the controls below: every element reacts through plain data-cursor attributes.

Read the case studies →

Controls

Selected work

Abstract gradient artwork for project Aurora

Aurora Bank

Mobile banking redesign

Abstract gradient artwork for project Fieldnotes

Fieldnotes

Editorial platform

Drag to reorderFrame + magnetic + label
Abstract gradient artwork for the lens demo Small print, sharp detail Move here to magnify

Project index

Large abstract gradient artwork for the featured project

Meridian Atlas

Interactive map of the world's shipping lanes

Say hello

Native cursor zone: the custom cursor steps aside here.

Reading

Good cursors are quiet until they matter. They confirm what is clickable, tell you what will happen next, and never get in the way of reading. Select this text: the cursor shrinks to stay out of the way.

hovering none treated as default effect none size –