CSS Animation Generator
Generate CSS @keyframes for fade, slide, pulse, spin and shake animations. Runs in your browser.
Runs in your browser — your file never leaves your deviceFrequently asked questions
Is CSS Animation Generator free to use?
Yes — CSS Animation Generator is completely free with no limits, no watermarks and no sign-up. It runs in your browser, so there is nothing to pay for.
Are my files uploaded or stored anywhere?
No. This tool does all its work locally in your browser using your own device's power. Your files never leave your device and we never see them.
Do I need to install anything or create an account?
No installation and no account needed. CSS Animation Generator works on any modern browser — Windows, Mac, Linux, Android and iPhone.
How do I use CSS Animation Generator?
Open the tool, add your file (or paste your content), adjust any options, then press “Generate CSS”. Your result is ready to download in seconds.
Related tools
Tailwind Colour Finder
Nearest Tailwind class for a hex.
Contrast Ratio (hex)
Check WCAG contrast by hex.
Random Colour Generator
Random hex + rgb swatches.
Colour Steps Generator
Interpolate between two colours.
PDF to Markdown
Turn a PDF into clean Markdown — perfect for AI and notes.
Salary Converter
Hourly ↔ daily ↔ monthly ↔ yearly pay.