Twelve ready-made @keyframes presets with live preview and copy-ready CSS — duration / delay / iteration / easing all adjustable.
Click any preset to load it into the preview and code panel. Adjust duration, delay, iterations (a number or "infinite") and easing — the preview and CSS update live. Click Replay to restart the animation, or Copy CSS to grab the @keyframes block plus a ready-to-paste utility class. All keyframes are hand-written and self-contained: no library, no JavaScript runtime needed in your project.