A single button that morphs through idle → loading → added, then settles back. The label slides vertically between states — no layout shift.
Free · copy & paste ready
Components / Docs
Buttons
10 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.
Components
10 ready to copy — open any card for full setup and source.
Save for later — bookmark icon fills amber and label swaps to Saved. Square-ish control for articles and products.
Free · copy & paste ready
Copies text to the clipboard and cross-fades the copy icon into a check with a Copied label. Monospace value, resets on its own.
Free · copy & paste ready
Download with a horizontal sky fill while the file loads, then a green done state. Different rhythm from the add-to-cart morph.
Free · copy & paste ready
Social follow toggle — dark Follow pill becomes a quiet Following state with a user-check icon. Tap again to unfollow.
Free · copy & paste ready
Press and hold as a fill sweeps across; release early to cancel, hold to the end to delete. Prevents accidental destructive taps.
Free · copy & paste ready
Heart toggle that pops and scatters particles on the way up, with a live count. Pill fills rose when active — no glow, no gradient.
Free · copy & paste ready
1
Inline minus / count / plus control for carts and forms. Clamps between min and max, disables at the edges.
Free · copy & paste ready
iOS segmented control — sliding white pill between Day, Week, and Month. Pass your own options array for view modes or filters.
Free · copy & paste ready
Drag the knob across the track to commit an action — snaps back if you release early, locks green when confirmed. Great for irreversible or high-intent actions.
Free · copy & paste ready