Buttons, copy buttons and tooltips with real focus states, keyboard support and motion that stops for people who prefer less of it.
4 components
Copies text to the clipboard: the icon morphs into a tick (or a cross that shakes if it failed) and a visible label reads "Copied". Announces the result and falls back where the Clipboard API is missing.
Actions
A call-to-action button with a tasteful gradient: neighbouring hues, a light that follows the pointer and a sheen that passes now and then. The outline style is quiet until a beam of light runs round its border.
Actions
A button with a gentle magnetic field: it leans toward the pointer as you come near, a few pixels at most, its label following a little further for depth, and settles back without a wobble.
Actions
A small hint that springs out of the side facing its element on hover or keyboard focus. Group a toolbar's tooltips and neighbours open at once while one bubble glides between them. Dismissable and hoverable (WCAG 1.4.13).
Actions
$ npx shadcn@latest add https://uxelith.com/r/copy-button.jsonPublishable key
pk_live_51Hx9a2Lr…c8Qe
New · Workflows are in public beta
Automate the busywork
Hover a button to feel the light follow you.
Have a project in mind?
Let's make it together