Lottie Ship — take a finished Lottie from file to production

Paste a Lottie (Bodymovin) animation you already have and find out what happens when you ship it. A free client-side probe inventories every feature the file uses, builds a renderer support matrix across lottie-web SVG and canvas, Skottie/CanvasKit, rlottie/dotLottie native, lottie-ios and lottie-android, measures the real gzip transfer weight and names what is making it heavy, and detects the defects that make a document render blank — a text layer missing its animators array, easing handles on the destination keyframe, a font entry with no ascent. A live preview renders it in both lottie-web renderers so you can see the matrix's prediction happen. Three metered lanes then produce a per-runtime compatibility report for the targets you pick, a weight-reduction plan against a KB budget with every step costed and risk-rated, or production embed code for React, Next.js, Vue, Svelte, plain JavaScript, a web component, iOS or Android — reduced motion, lazy loading, layout reservation and external asset paths all handled. Every answer is reconciled against the client-side probe, and disagreements are shown rather than hidden. The document itself is never sent to the model. A derived work built on the reference material of the open-source text-to-lottie skill by Diffusion Studio (github.com/diffusionstudio/lottie, MIT) — its player contract and SVG-compatibility notes ground the renderer matrix and the text-rendering rules. Preview rendering uses the lottie-web light build (MIT, Airbnb).

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.