Kite is full of amazing tools and features to help you bring user interfaces to life quickly.
Present your design in full screen in presentation playback mode. Or, choose your own presentation window size while iterating.
Customize the background color and transparency of the playback window for a custom look.
A simple, powerful interface that scales and adapts to your needs and the task at hand.
Scrub through your animation, change tools, play and pause the timeline – all without reaching for the mouse.
Easily transition between the pages of your document in response to events.
Use the built-in page transitions or take full control and animate to the next page with your custom timeline animation.
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.
Unlike other video or animation applications, Kite renders graphics in real-time thanks to the Core Animation compositing engine.
That means there is no need to bake frames or script every interaction beforehand. Animations can fire impromptu – interactively.
A Kite document is just a simple folder wrapper. Since the data is stored as flat files, you can simply open them to change assets, canvas values, or document data.
Does your app or service need a UI builder? Kite's canvas data is an easily parseable JSON hierarchy of layers and their associated assets.
Motion designers can easily communicate exact animation curves, durations, spring damping, positioning, etc.
Object inspector values directly coorespond to the exact same values you use in iOS and macOS projects.
No more guessing how fast something should move, how large it should grow, or how to ease between keyframes.
Tune your animation’s timing with the curve editor to achieve the exact pace and feel for your design.
Get help right where you need it by looking up layer and animation properties right in the inspector.