Buttons
Buttons and controls with quiet, deliberate feedback.
A button or link whose arrow nudges forward on hover and focus.
- npx shadcn@latest add @balick/copy-button
Copies a text to the clipboard; the icon turns into a check mark.
An icon button whose label slides out on hover and keyboard focus.
Press and hold the button.
Hold to confirm, for actions that are hard to undo. Releasing early cancels.
A button that leans a few pixels towards the pointer and settles back when it leaves.
A button that sends a soft ripple out from where it is pressed.
A single choice between a few options, with a pill that slides to the selected one.
A button with a beam of light travelling around its border.
A soft light follows the pointer inside the button, in the colour of its text.
A button that shows the progress of its action: idle, loading, success or error.
On hover and focus, the label rolls up and an identical copy takes its place.
Switches between light and dark with next-themes; the sun grows into a moon.