Rolling label row
Three full-width rows. Hover, focus, or a click rolls the label up to a second line and turns the row black.
Components
Buttons & toggles
020 pieces Sort
Room
Platform
Motion
Style
Switch row
One setting, Hold the gate. It starts off, the gate stays open, and turning it on says the gate is held.
Split button
One primary action and a 44px chevron that opens three related ways to send the same note.
Soft inset clay buttons
Neumorphic buttons, icon toggles, switches and a segmented control on a clay surface, with AA text, a hairline edge and colour as the second state signal.
Shred button
Shred draft cuts a note into strips that fall. Restore brings the note back.
Sheen pill buttons
Champagne pill buttons on green-black: a light sheen sweeps across on hover, a conic gradient border turns, and async pills go loading then success.
Press well
Open the gate sits in a recessed well. Press and the button drops 4px. Click says the gate opened.
Hold and slide to confirm
Hold-to-delete buttons that fill while held and drain on release, plus slide-to-pay tracks that spring home short of 92%, all with keyboard paths.
Gooey menu
A green menu blob starts open. Hold, Note, and Call sit out on the goo. The menu button pulls them back.
Follow, unfollow and save buttons
A set of social buttons: Follow morphs to Following and shows Unfollow only on a later hover, a bell appears after follow, and Save fills its ribbon and shows an undo toast.
Edge light button
A gold edge travels around Open the gate. Click says the gate opened on this page.
Drag to confirm
A 56px track. The thumb must travel to the end before a hold is voided. A short drag snaps back.
Download button with progress and retry
A download button that becomes a live progress bar with size, speed and time left, pause and resume, a drawn check on done, and resumable retry. Asset rows use rings.
Copy, share and copy-email buttons
A copy-citation button with a copy-to-check morph and tooltip, a Share button that opens a compact keyboard-ready menu, and an email chip that copies on click.
Button roles
Save is the one solid button. Cancel is outline, Preview is soft, Remove is outline in danger, and Export is disabled.
Add to cart that becomes a stepper
An add-to-basket button that shows an adding state, flies the product to the cart icon, bumps the badge and turns into a quantity stepper. Sold out offers notify.
3D keycap press buttons
Chunky keycap buttons with a solid bottom edge that physically sink 6px on press, latching icon keys, and keyboard legends that press them too.
Toggle switch set
Six toggle temperaments (classic, icon thumb, day/night, squish, labelled, segmented) in a smart-home preferences card with a live status index.
M3 expanding FAB menu
A dark-tonal Material 3 Expressive FAB that rotates its plus 45°, rounds to a circle and unfurls three labelled pill actions with a 40ms stagger behind a scrim.
Button state morph
A 220px 'Pay $48.00' button collapses to a 44px spinner in 200ms, draws a checkmark with stroke-dashoffset over 400ms, then expands to a green 140px 'Paid' pill; click again after 2s to replay.
No pieces match those filters. and try again.