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

A powerful animation and prototyping application for Mac & iOS

Download TrialRequires macOS 10.12+ 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.


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


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 ›


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


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.



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.



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
Adobe XD Integration

Integrate with Adobe XD CC

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.


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

Export Your Design

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.

Import From Sketch


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

BetaEmbed Kite Documents in Your Own App

App developers can download the KiteKit framework to embed and play .kite documents right from within your own iOS or macOS apps. For examples and documentation, see the KiteKit GitHub repo.

Embed Kite Documents in Your Own App
Built on Core Animation

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.