Ready to play. Yours to mold.

185 pieces

• Sheen buttonA primary button with a soft band of light that crosses it on hover and keyboard focus.component
• Save state buttonOne pill that reads Save, then Saving with a spinner, then Saved with a check; this still shows Saved.component
• Border beam buttonA quiet surface button with a small point of light that keeps travelling around its edge.component
• Gradient border buttonA surface button edged with a gradient from the accent, which lets a soft glow of the same colors out on hover.component
• Brushed metal buttonA tactile button with a brushed-metal face, an engraved label and a bevel of light along its top edge.component
• Press-down buttonA chunky primary button standing on its own darker edge; pressing pushes it down flush, like a real key.component
• Glass shimmer buttonA frosted, see-through button for busy backgrounds, with a faint sheen that drifts across it every few seconds.component
• Pixel buttonA retro, eight-bit button: notched pixel corners, a stepped bevel, a mono label and a press that drops two pixels.component
• Copy buttonA small copy button whose icon trades places with a check and whose label becomes Copied; this still shows Copied.component
• Loading buttonA primary button mid-task: a spinner, a present-tense label and the elapsed time, kept the same width as at rest.component
• Pay buttonA full-width checkout button with a lock, the amount in tabular figures and a short reassurance line below it.component
• Sign-in optionsA stack of sign-in choices: passkey as the one primary action, then email and single sign-on, split by an or rule.component
• Discover buttonA label with an arrow tile at its end; on hover the tile grows to fill the whole button and the label turns over.component
• Rolling text buttonA primary button whose label rolls up on hover and a fresh copy of it rolls in from below.component
• Dashed flow buttonAn add button drawn with a dashed edge; on hover the dashes take the accent and start flowing around it.component
• Hold to confirmA destructive button that fills while it's held and acts only when the fill completes; let go early and it drains.componentLive in React
• Shred delete buttonA delete button whose icon is a tiny shredder: on hover the page slides in and comes out the bottom as strips.component
• Button setOne button system on a sheet: solid, outline, soft, ghost and flat looks, three sizes, an icon button and its states.component
• One-time codeSix code cells that take a pasted or autofilled code in one go, with a resend link counting down beneath.component
• Code input, errorThe one-time code field after a wrong code: red cells, a short shake when it lands and a message saying what's left.component
• Command copy fieldA mono well holding an install command with a copy button at its end that reads Copied; this still shows Copied.component
• Password with watching eyeA password field whose show toggle is an eye that glances at the field while you type, with a strength meter below.component
• Prompt boxA roomy prompt field with attach and device controls, a character count and a send button, for AI tools and chat.component
• Floating label fieldsFields whose label sits inside like a placeholder and lifts into the top edge when you focus or fill them.component