Button playground

Cool buttons with motion, feedback, and surprise.

Turn simple controls into meaningful interactions: hover glow, click ripples, theme toggles, progress states, and little sparks of confetti.

Glow button

Soft light and lift when you hover, keeping the effect elegant and easy to reuse across a toolbar or call-to-action.

Ripple button

A simple ripple animation gives each click a satisfying tactile feel without extra markup.

Theme toggle

Buttons can do more than submit forms. Use them to change themes, launch dialogs, and control UI state.

Click counter

Feedback helps people understand that their action worked. This button updates text immediately.

Progress button

Show work in progress without leaving the page. The button moves through loading and done states.

Magic action

Use buttons to trigger delight: update colors, show animation, and make the interface feel alive.