Free · No file needed · No signup · No watermark

Create a Lottie animation from scratch

You do not need After Effects or a Bodymovin plugin to make a Lottie. Start with a blank artboard in Lotiqlab, draw shapes, add text with any Google Font, then set keyframes on the timeline to animate position, scale, rotation, opacity, colour, and path trims. Export the result as Lottie JSON or dotLottie for the web and apps, or as GIF, MP4, or WebM. Everything runs in the browser and every export is free and unwatermarked.

How it works

  1. Start a blank artboard, pick a canvas size, and draw with the rectangle, ellipse, star, pen, and text tools.
  2. Style each layer: solid or gradient fills, strokes, corner radius, and any Google Font for text.
  3. Move the playhead on the timeline and set keyframes for position, scale, rotation, opacity, colour, or trim paths, then shape the easing with the bezier curve editor.
  4. Export as Lottie JSON or dotLottie to hand to developers, or as GIF, MP4, or WebM for anywhere that needs video.

By the numbers

No After Effects
Author Lottie natively in the browser instead of composing in After Effects and exporting through Bodymovin
$0
Every tool, every export format, and every resolution is free, with no signup and no watermark
0 uploads
The project lives in your browser and saves locally, so nothing is sent to a server

Frequently asked questions

Can I create a Lottie without After Effects?

Yes. Lotiqlab authors the Lottie format directly, so you draw and keyframe on the canvas and export .json or .lottie without ever opening After Effects or installing the Bodymovin plugin.

What can I animate?

Position, scale, rotation, anchor point, opacity, fill and stroke colour, stroke width, corner radius, gradients, and trim paths, on shape layers, text layers, and groups. You control the easing per keyframe with a bezier curve editor.

Is there a watermark on the export?

No. Nothing Lotiqlab exports carries a watermark, at any resolution, on any format, and there is no paid tier that removes one.

Where is my work saved?

Projects are stored in your browser's local storage and reopen from the recent projects list. Nothing is uploaded, which also means clearing site data clears your projects — export the .json for anything you want to keep.

How is this different from the Lottie editor?

Same app, different starting point. The editor page is aimed at opening a Lottie someone already made and changing it; this page is about starting from an empty artboard and building the animation yourself.