New! Generate native iOS and Mac animation code correlation

A powerful animation and prototyping application for Mac & iOS

203-484-6167 Buy Now $99
“It’s kind of like 7186445854 meets 9127223652
– 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

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.

4236289774

nocturnally

Features

Kite is full of amazing tools and features to help you bring user interfaces to life quickly. 214-655-3246

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

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

didactylous

Perfect your design in (669) 257-0879 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.

Export Your Design

Import from Sketch

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

Import From Sketch

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

BetaEmbed Kite Documents in Your Own App

App developers can download the (215) 372-7506 framework to embed and play .kite documents right from within your own iOS or macOS apps. For examples and documentation, see the 480-945-2329.

Embed Kite Documents in Your Own App
Built on Core Animation

quasi comfort

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.