Skip to content

Lottie animation generator

Lottie character animations, generated as true vector.

Describe a character or upload yours. Lumorig draws it as a rig and exports any motion as Lottie JSON: named shape layers, no embedded bitmaps, a few kilobytes gzipped.

Generate a characterOr upload your mascot

Exports are free on every plan · No card

postbot · dance · 12 partslive vector, not a video

Measured, not estimated

The same two seconds, five ways.

One rigged character waving for two seconds at 30 fps, 512 px, exported by the same engine the API uses. Postbot, above, is 6.6 KB as a gzipped Lottie.

Export size by format for a two-second character animation
Lottie (.json)vector · gzipped4.4 KB
Animated SVGvector · gzipped8.6 KB
MP4no alpha98 KB
WebMalpha147 KB
GIF1-bit alpha686 KB

How it works

A character first, then every Lottie you need.

  1. 01

    Describe or upload

    A sentence (“a sleepy cloud that syncs your files”) or the mascot you already have, as PNG, JPG or SVG.

  2. 02

    Get a rig

    Claude draws the character as named vector parts with pivots at the joints: the thing every motion is built on.

  3. 03

    Pick motions

    15 presets (idle, wave, talk, think, celebrate…) are free. Describe anything else, or copy a motion from a reference video.

  4. 04

    Export Lottie

    One click in the studio, or one API call. Lottie, animated SVG, video, GIF and sprite sheets all come from the same rig.

Why it matters

What “true vector” buys you.

  • Sharp at any size

    Shapes, not pixels. The same file looks right in a 48 px avatar and a full-screen empty state.

  • Recolour without re-exporting art

    Palette tokens map to fills, so a dark-mode or seasonal colourway is a recolour, not a new drawing.

  • Layers you can read

    head, arm_l, tail: parts keep their names in the Lottie, so designers can tweak them in any Lottie editor.

  • Consistent across clips

    Every motion poses the same drawing, so your wave and your celebrate never disagree about what the character looks like.

  • Loops that loop

    Idle, talk and working clips are built to loop seamlessly; one-shots like celebrate end on a clean pose.

  • Also as interactive

    Need states, not just clips? The 8 KB player runs canvases that react to your app.

From code

Generate Lottie from your pipeline or your agent.

generate.ts
import { Lumorig } from "@lumorig/sdk";

const lumorig = new Lumorig({ apiKey: process.env.LUMORIG_API_KEY });

// 1. a character from a sentence (or { image_url } to rebuild yours)
const mascot = await lumorig.mascots.createAndWait({ prompt: "a cheerful lighthouse keeper" });

// 2. any preset, fitted to its rig, exported as vector Lottie JSON
const file = await lumorig.exports.createAndDownload(mascot.id, { format: "lottie", animation: "wave" });
play.ts
import lottie from "lottie-web";

lottie.loadAnimation({
  container: document.getElementById("mascot"),
  renderer: "svg",
  loop: true,
  path: "/mascot-wave.json",
});

Every format and option is in the export guide. Agents can do the same through the MCP server.

Examples

Characters you could export right now.

FAQ

Lottie questions.

Is it a real vector Lottie, or images inside a Lottie?

Real vector. Every part of the character is a named shape layer driven by keyframes from the rig. There are no embedded PNGs, so it stays sharp at any size and weighs kilobytes.

What can this Lottie generator make?

Characters: mascots, companions and brand characters, and the motions they perform. It doesn't make arbitrary motion graphics, UI transitions or logo reveals; tools like LottieFiles or After Effects are better for those.

Where does the Lottie file play?

Anywhere Lottie does: lottie-web and its React wrappers on the web, and the Lottie players for iOS and Android. If you want interactivity (states, cursor-follow), use the <lumorig-player> web component instead.

Can I edit the Lottie afterwards?

Yes. Open it in any Lottie editor and every part is a named layer. Colours come from palette tokens, so you can also recolour in the studio or over the API and re-export.

How much does it cost?

Exports never cost credits, on any plan. You pay once to create the character (80 credits from a prompt, 120 to rebuild an upload); the free plan includes 200 credits a month. All 15 preset motions are free; a custom motion is 20 credits.

Can I generate Lottie files from code or an AI agent?

Yes. POST /mascots creates the character, POST /mascots/{id}/exports with format "lottie" renders the file. The TypeScript SDK, the lumorig CLI and the MCP server's export_mascot tool do the same.

Your first Lottie character is free.

Start from a sentence or the mascot you have. Every export is included.

Drop a PNG, JPG or SVG anywhere here

or pick a file · free to start · no card

Start from an idea