Kite Compositor

A UI animation and prototyping application for Mac & iOS

Kite is a native animation and prototyping design tool for the Mac. It features an intuitive timeline editor, WYSIWYG canvas, and a robust scripting interface. The iOS companion app, Kite Compositor for iOS, allows you to interact with your Kite designs right on your iPhone or iPad.

Would you recommend this product?
4 Reviews5.0/5
A Sketch plugin would be awesome 🙌🏽
Upvote (32)Share
@ios_javi yeah! Deep integration with Sketch makes the work much more faster!
@ios_javi Kite has a Sketch plugin that it uses internally to do the native import. You can actually pull the Kite.sketchplugin file out of the bundle (at and load it into Sketch yourself if you'd rather kick off the export from Sketch itself.
Upvote (15)Share
I guess @ios_javi said it right, sketch plugin is not just awesome, its critical to success of any prototyping shit.
Excited to give this a proper go. Looks incredibly powerful. Principle really got me hooked because of it's learning curve and the fact it did 1 type of prototype extremely well. For me, my thinking has always been along the lines of 'if you cant recreate the whole prototype from scratch in an hour, you're probably building out too much'... because the nature of the iterative process, i don't like to spend huge amounts of time building a prototype when the designs should be changing day to day. Definitely could do with some tutorials and basic lessons to get started, especially as I only have 14 days to decide. Couple of small bits: - It's running pretty laggy on my 2017 MBP - Vertical/Horiz align are probably my most used tools, had to root around to find them in the toolbar - I kiiiind of understand why, but having the default anchor point top-left just reminds me of the hours i used to spend in AE moving them to centre (this also makes vert/horiz align pretty frustrating!) - Havent figured out how to add the iphone frame to a blank doc if i dont start from template - Pushing people to open the examples templates on first launch would be useful (I mean the example projects, rather than just the phone frames) - Touchbar timeline is neat, but a bit odd that it only relates to the portion on screen, meaning i cant scrub through from start to finish... maybe this would get too sensitive, but 4:10 is quite a long default timeline anyhow..? Overall, looks like it could be huge! Definitely just need to start with some basic tutorials if you're to convert the masses from their scattered tools of choice. Bit gutted that by the time some of these lessons come out my trial might be over and i'd not be ready to commit $99
Upvote (17)Share
@jamie_shoard is the result only animation like origami or touchable hotspot like framer.js or invision?
@aroro__ @jamie_shoard User interruptible animation?
Awesome. Reminds me a lot of Principle. Besides the UI, are there any other differences between this and Principle? In other words, whats the case for me to switch over from Principle to use this?
Upvote (13)Share
@danielrakh Thanks for checking it out, Daniel! I think the major differences between Kite and Principle is the focus on the timeline-based animation and the ability to use the JavaScript scripting environment to enhance interactions with custom logic.
Upvote (11)Share
@danielrakh there's also custom movement paths, more control over designing within Kite and a bunch of smaller stuff, from what I can tell from the landing page!
@danielrakh *cough* doesn't charge $130/year. (Looks awesome, excited for some of those prebuilt animations).
Impressive. Is there a way to export those animations to the real app?
Upvote (10)Share
@catapop84 ^ This right here. One of the biggest additions that just added. Edit: Wait, just checked out Framer again and not convinced it actually copies the animation code, just the settings like tension and friction. Haven't tried it yet, tho.
@joshuapinter @catapop84 I think Facebook Origami is one of the only ones that does it.
@spshulem @catapop84 Do you know if Origami exports to React Native's Animated format?
@catapop84 Hey Catalin – You can use the KiteKit framework to embed and play .kite documents in your own iOS or macOS apps just as they appear in the desktop app.
@catapop84 you want to look at QuartzCode and CoreAnimation....both available on the App Store. However, I can't vouch for both fully as I haven't tried the Kite framework yet.
Excited to finally share this to a wider audience!
@jrho Hi Joe, is there any tutorial for this? would love to try it
@bady_qb @jrho I agree - a tutorial is greatly needed. I have used principle before, and I picked it up right out of the box. I'm thoroughly confused by this product.
@bady_qb Many have been asking for tutorials. I'm going to put together an introductory tutorial soon to help people get the feel for using the app.