CSS to Lottie converter: turn HTML + CSS animations (keyframes, transitions) and inline SVG into Lottie JSON. No After Effects needed.
About the project
css2lottie is a free, open-source project built and maintained by 99Pro Team and published on GitHub. It is written mainly in TypeScript. The code is released under the MIT licence.
Topics
- after effects
- animation
- bodymovin
- cli
- converter
- css animation
- css to lottie
- html to lottie
- keyframes
- lottie
Getting started
- Open the repository on GitHub: 99proteam/css2lottie
- Clone it:
git clone https://github.com/99proteam/css2lottie.git - Follow the install and run steps in the README.
FAQ
Is css2lottie free?
Yes. It is open source under the MIT licence, so you can use, study and change it.
Where do I report a bug or ask for a feature?
Open an issue on the GitHub repository. Pull requests are welcome too.