Create engaging animations
for any app or website.

Download on Github

New! Haiku Animator goes open-source: read more

'd by lovely folks at

Motion design for your team's workflow

Animations are hard. Collaborating between designers and developers, even harder.
Luckily for you, Haiku Animator lets you bring motion design to production, starting with your design tools and finishing with your codebase.

Timeline & code mode

With Timeline, choreograph animations in your designs visually. Sequence and animate elements using the built-in easing curves library, or finesse the details with the custom curve editor.

You can also animate directly from code, using any code editor of your choice, or using Animator’s built-in Code mode.

Interactivity

Add interactivity to your designs with Haiku's easy-to-use, beginner-friendly scripting tools.

If you can write a spreadsheet formula, you can create interactions in Animator!

Learn more

Publishing & embedding

Animator delivers your animations to your codebase with convenient shareable links and embed instructions for different kinds of codebases.

Want GIFs or videos instead of code? Lucky you, they're just an "Export" away.

Loved by designers & developers alike

lottie
ios
android

Native iOS and Android animations, powered by Lottie

Haiku Animator is the premier solution for creating cross-platform UI animations, with iOS and Android rendering powered by Airbnb's open-source Lottie engine.

*Lottie has certain limitations.

Works with your codebase & workflow

Design once, embed anywhere. Haiku animations work with all major browsers and integrates with any web codebase, with first-class support for React, Vue, and Angular.

react
vue
angular

Free and open source forever

Download on Github