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.