Every common UI animation, live — pick one, copy the code or the prompt.

Seven categories of animations you'll actually build — chat launch, buttons, modals, cards, forms, toasts, and loaders. Switch between them with the tabs below; each card is a working demo you can trigger, replay, mark as your pick, then copy either the raw CSS or a ready-made AI prompt for your stack.

Your pick: none yet

Prompt tech stack:

Respects prefers-reduced-motion — animations collapse to a simple fade if that's set in your OS. Timing values shown in each card's tag row are the real animation-duration / transition-duration and easing curve used, not rounded for display.