Digital Design Tools To Design A Kite

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

"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

2.1 – MacOS Monterey and Apple Silicon

An update to Kite is now available with bugfixes for macOS 12 Monterey.

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.

See all examples ›

See more in the Showcase ›

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.

Timeline

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.

Inspector

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.

Kite Viewer 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

Generate Native Code for your Design

Export

Share your designs by exporting a video recording of your animation.

Export Your Design

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.

Scripting Feature

Built on Core Animation

Kite was built from the ground up for Mac using macOS's native Core Animation technology.

Core Animation is one of the key underpinning graphics technologies on Mac and iOS that produces stunning animations at high framerates.

See all features ›