Easily add high-quality animation to any native app

Lottie is 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.

Recommendations

Anthony Dito- Software Engineer in Pasadena, CA

Not necessarily "programming" animations, but Lottie is used a lot in mobile development these days.

Around the web

Android Police - Android news, reviews, apps, games, phones, tablets

Animations are an important part of an app's design and user experience, so much so that Google made them an integral part of material design. The folks at Airbnb just made making an animation a whole lot easier, with a new tool called 'Lottie.'

The Verge

When it's not busy trying to take over the travel industry, Airbnb engineers appear to be spending time on side projects to assist fellow developers. Today, the team launched Lottie, an open-source tool that helps add animations to native apps. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time.

The animation tool for the web.

Spirit Studio is an animation tool that helps designers and developers creating and managing their animations real time in the browser.

✔︎ Super easy to use

✔︎ Live edit animations directly on your web page

✔︎ Animate SVG/HTML

✔︎ Timeline editor

✔︎ Import/export JSON and play animations in production using the Web Player

Around the web

Medium

Every project starts with an idea. In my case, I wasn't satisfied with the available animation tooling and strongly believed that I could do better. It became my ambition to create the best animation software available and enable others to express their creative ideas.

Web Design Envato Tuts+

Full timeline control, import & export JSON, inspect animations, intuitive interface, live editing, easy to understand API, aimed at speed, and realtime feedback: all the things you could ever want in a graphical user interface when creating and managing web animations.

We'd love to continue the dialogue! Help us shape the future of Adobe XD by submitting feature requests or file bugs. You can follow our handle @AdobeXD for updates or reach the team on Twitter using #AdobeXD. You can also talk to us using Facebook, where we share videos and updates as well as answer questions during live sessions.

Make your own animated illustrations on your phone

Amazing animation app on your phone and tablet

Animatic is the best way to create hand-drawn animations. Simple enough for a beginner, powerful enough for a professional, Animatic was designed to offer creators an elegant experience in bringing their ideas to life through moving image.

UI animation made simple

What makes UI elegant, sexy and beautiful? Design is the first thing that pops up in mind. The modern web has a long way to go! It's time to push web UI to the next level with animations. I lost...

Alligator

In this article, learn how to craft animations in React using a new library called React Simple Animate. Animations in React are difficult. Depending on whether you use inline-styles, or a library like styled-components it usually entails a lot of work from your end to write something that's easy-to-understand, and therefore maintainable.

Welcome to Meteoritic.Io, An animation delights platform for your app. We started Meteoritic with the vision of creating a new way of communicating and engaging with users by adding a layer of entertaining and beautiful animations that play when interacting with various app functions.