Getting Started with Haiku Animator

ANIMATOR OVERVIEW

Animator is a design tool for teams where you can bring your designs to life with animation and interactivity. You can then easily publish them as web-ready components. If you want to learn more about all Animator can do go here and if you want to get started with Animator - read on!

Coming soon: We plan to support other drawing tools like Adobe Photoshop and eventually we'll have some of our own.

INSTALLING THE HAIKU ANIMATOR CLI

The CLI (Command Line Interface) is an optional part of Animator, but it opens up a lot of powerful features — for example, you need the CLI to import an Animator project into an existing codebase, or you can use the CLI to directly clone an Animator project to your computer, to access and edit the code manually.

To install, run one of the following commands in your terminal:

npm install -g @haiku/cli
OR
yarn global add @haiku/cli

START DESIGNING

Now that you have Animator downloaded you can start bringing your designs to life. Before you jump in, learn the basics with the following short intro videos (<5min each) on adding motion animation and interactivity to your Animator projects: