3D UI reveal callouts, callout auto sizing, gradient callouts

We've added a brand new way to unveil new features in your app in a dramatic and engaging way.

We're calling it "3D UI Reveals"—and it builds on top of our existing 3D callouts system.

Instead of just adding highlights or 3D pop-out effects to the element, Reveals first mask out the element, and then let you reveal it to the viewer for the first time, with a variety of one-click animations.

You can have it fly in in 3D space, wipe in, scale in, etc. The best way to understand is to see it in action:

We've also made it much faster to draw callouts with two new tools:

Tired of spending time sizing your callouts correctly around an element? You can now draw a rough oversized bounding box, and click "Shrink to fit." Kite will detect the edges of the element and size your callout perfectly.

(Works with most "rectangular-ish" elements that have a different background color or border from the background).

Another time-consuming part of using callouts is getting the border radius on your callout to match the UI element.

Now you can simply press "auto-detect" and let Kite handle this for you as well.

(As with "shrink to fit," this works best with "rectangular-ish" elements that have a different background color or border from the background).

These features both work for blurs as well.

We split up the blur and callout rows, after getting feedback that it's nice to be able to do both at the same time. Just like before, each blur block, can contain unlimited blurred areas. This means you can now blur out unlimited items, plus one callout at a time.

Lastly, the existing 3D callouts feature got even more stylish (impossible...right??). The animated callout borders can now be traced with gradients instead of just solid colors. And you can add a diffuse glow.

Combine those together and you get a stunning look that's especially great for showing off AI features. Check it out: