Kiln

Kiln Motion · free, in your browser

Make a Lottie animation

Lottie animations are tiny, sharp at any size and play natively on the web, iOS and Android. Kiln Motion imports and exports Lottie directly, with no plugin needed.

Make a Lottie animation No sign-up. Files never leave your device.

How to make a Lottie animation

  1. Click Make a Lottie animation and create a New Composition, e.g. 512×512 at 30 fps.
  2. Draw shape layers and type layers, then set keyframes on Position, Scale, Rotation and Opacity with the stopwatch icons.
  3. Smooth the motion with Easy Ease (F9) and preview with the spacebar.
  4. Choose File › Export › Lottie JSON….

Good to know

Lottie supports vector shapes, text, masks and transforms. Raster effects like blurs and glows don't translate to Lottie and are flattened or skipped.

Related