The ultimate tool to create high-quality animations directly in the browser.Visit site »
Spirit Studio uses keyframes, just like other industry-standard animation tools. Simply change an element attribute, set a keyframe, rinse and repeat. It’s that easy!
Edit your animations live in the browser and see changes immediately. Consider Spirit as the WYSIWYG editor for web animations. Animating is fun again, seriously.
Spirit Studio exports animation data and comes with a web player to control and play your created animations in production. Lightweight and extremely powerful.
It’s almost plug and play, simply connect Spirit Studio to any webpage, add elements to your animation and start animating in real time.
With Spirit Studio you can visually compose your animations, whether you know how to code or not. Focus on the aesthetics and timing of your animation.
You can fine-tune your animations anytime and in every detail, simply (re)connect a web page and edit your animations. Yes, even in production.
As Spirit originated to be a web animation tool, we are working hard to make Spirit available for other platforms.
Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.Get the newsletter
Keyframes helps you write better CSS. Dead simple visual tools to help you generate CSS for your projects.
An iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.