Kite Compositor

A powerful animation and prototyping application for Mac & iOS

Download Trial Buy Now $99

“It’s kind of like Sketch meets After Effects meets Keynote”
– A designer

Visually drag and drop layers to build complex interfaces on a WYSIWYG canvas. Add animations and tune them with the integrated timeline.

Video

Have 1 minute? Watch a video.

“It’s kind of like HyperCard meets Quartz Composer meets Interface Builder”
– A developer

Use the built-in JavaScript scripting environment to enhance the detail of each interaction. Incorporate custom logic and behavior to achieve exactly what you need.

News and Updates

Update 1.2.1: Sketch v44 Support

Kite update 1.2.1 adds support for importing from Sketch v44 and a few other minor bug fixes.

Examples

Just a few examples of what you can create with Kite Compositor. You can explore all of these example documents and more from within the template chooser of the app.

Features

Kite is full of amazing tools and features to help you bring user interfaces to life quickly. See more features ›

Timeline

The integrated smart timeline allows you to drag and edit animation durations and keyframes.

Snap animation start and end times together for a precise, hand-tuned feel.

Inspector

A robust and powerful object inspector allows you to edit all of your layers’ properties in just a few clicks.

Set colors, adjust animation curves, add Core Image filters – all at the click of a mouse.

Library

Drag and drop layers and animations from the library to build your interface visually.

Save reuseable layer hierarchies into your library for easy component reuse.
e.g. “My Button”

Design on Mac → View on iOS

Are you ready to get a sense of how your designs feel on an actual iOS device? Download the native companion app, Kite Compositor for iOS.

Import from Sketch

Easily import your designs from Sketch with Kite's native import feature. Preserve editable bezier paths and text by importing your Sketch layers as native Kite layers.

Export

Share your designs by exporting a movie or gif recording of your animation.

Add sophisticated logic to your animations and interactions via the built-in JavaScript scripting engine. Query and make live edits to your running animation from the built-in JavaScript console. Fire animations, add new layers, change properties and much more.