CSS Animation Generator
Keyframe animations with live preview.
Leave iterations empty or type infinite to loop forever.
This free CSS animation generator turns 30+ ready-made motion effects — grouped into Basic, Entrance, Exit, Attention and Background categories — into copy-ready @keyframes and theanimation shorthand. Rename the animation and tune every sub-property: duration, delay, timing function (including steps() andcubic-bezier()), iteration count, direction, fill mode and play state. The preview updates live — pause, replay, then copy or download the CSS.
Related tools
JSON Formatter
Format, beautify & validate JSON data.
Base64 Encoder / Decoder
Encode and decode Base64 text instantly.
URL Encoder / Decoder
Percent-encode and decode URLs safely.
Regex Tester
Test regular expressions with live match highlighting.
JWT Decoder
Decode JWT header and payload claims.
Timestamp Converter
Convert Unix timestamps to dates and back.