Micro-interactions,tuned live.

Studies in how an interface answers: timing, motion, feedback and the moments between states. Every piece has its own controls – push it until it feels right, then copy the code.

Buttons²

Pills, glows, magnets and morphs. Every one is a real <button> – focusable, keyboard-friendly and readable by screen readers.

Aurora Border

Keep scrolling to open

Pull to Open

Loading¹

What happens between the click and the result: waiting, progress and the moment it is done.

Morph Submit

Inputs¹

Fields that explain themselves: real labels, visible focus, errors announced to screen readers. Type into them – they all work.

Your name

Underline

Menus³

Dropdowns, selects, context menus and navigation. Built on the WAI-ARIA patterns: arrow keys, Home/End, type-ahead, Escape – and focus that comes back where it started.

Pill Stack

Work
About
Meanwhile
Contact

Modals¹

Dialogs, sheets, drawers and a command palette – all on the native <dialog> element, so focus trapping, Escape and the inert page come for free.

Toggles²

Switches, checkboxes and segmented controls – each one tells assistive technology whether it is on, off or which option is chosen.

Sun & Moon

TodayMoodboardLogo sketchesType pairing

Check & Strike

Tabs¹

Tabs built on one shared hook for the WAI-ARIA behaviour: roving focus, arrow keys, Home and End.

€ 120per year · two months free

Pill

Toasts²

Notifications that come and go without stealing focus. They live in polite live regions and pause while you read them.

Stack

Undo

Tooltips¹

Small hints and rich previews. They appear on hover and on keyboard focus, and Escape makes them go away.