Cookie Consent
An honest cookie card: Reject weighs as much as Accept, Choose unfolds the categories, the choice is kept and a link brings the card back.
View codeThe library
Overlays
7 things that open on top: dialogs, sheets, popovers, tooltips, toasts. The page behind stays exactly where you left it.
Product Tour
A guided tour: the page dims, a spotlight cuts out each element and glides to the next, reshaping on the way, with a card that follows. Keyboard too.
View code
Popover
A panel that grows out of its trigger, arrow pointing back at it, and flips when there is no room. On click, or on hover as a hover card that stays put.
View code
Sheet
A panel that slides in from the right, and on phones rises from the bottom as a sheet you drag, with half and full stops and a flick to dismiss.
View code
Dialog
A real dialog that grows out of the button that opened it and goes back into it. The alert version asks you to type the name before it deletes anything.
View code
Toast
Notifications that stack like a deck and spread out on hover. Time runs out on a thin line, a swipe dismisses, and a loading toast turns into a success.
View code
Tooltip
One bubble per group: it waits on the first hover, then glides from button to button, resizing to its words, with the keyboard shortcut inside.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it