Kite Compositor

New! Generate native iOS and Mac animation code Read More →

A powerful animation and prototyping application for Mac & iOS

Download Trial Buy Now $99

“It’s kind of like Sketch meets After Effects”
– 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 PaintCode but for Core Animation”
– 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

Kite for macOS Catalina

An update to Kite is now available with a few new features and bugfixes for macOS 10.15 Catalina.

Keep up-to-date with the latest Kite news

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 all 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.

Generate Native Core Animation Code

Generate zero-dependency Swift or Objective-C code for your animation

Code compatible for both iOS and Mac

No more guessing how fast something should move, how large it should grow, or how to ease between keyframes

Perfect your design in Adobe XD and then import it into Kite to polish the final animation details! Preserve animatable layer properties like bezier paths, colors, text attributes, shadows, and much more.

Export

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

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.

Scriptable

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.