Hold-to-confirm button
A safer button for destructive actions. Press and hold until the bar fills; let go early to cancel.
View code →Buttons
Buttons that respond to the pointer, a press, or a hold. Try them right here; open one for the full, commented code.
Ripple button
A bright press ripple that starts exactly where you click or tap, and from the center for keyboard users.
View code →Glowing gradient border
A button with a rotating gradient border and soft glow, done with one registered CSS property and no extra elements.
View code →Magnetic button
A button that leans toward the cursor and springs back. Press-and-drag on touch, gentler with reduced motion.
View code →Copy-to-clipboard button
One-click copy with an animated check confirmation and a graceful fallback.
View code →