Lottie と dotLottie のためのツール

Drop a Lottie JSON or dotLottie file to see it play back. Shows frame count, duration, file size, and layer structure. Quick way to QA an animation before embedding it.

Pick a Lottie or dotLottie file, set playback speed, background, looping, and autoplay, then copy the embed snippet. Works with HTML, React, and Vue.

Runs your animation against WCAG guidelines and flags color contrast problems, flashing content, and motion sensitivity risks. Gives you a report with specific things to fix.

Type what you want and get an SVG back. The output is editable, resolution-independent, and ready to use in design tools or convert to Lottie.

Upload a raster image and get a traced SVG. AI groups elements and separates colors, so you get something you can actually edit. Good for cleaning up logos or tracing icons.

Upload an .ai file and get a clean SVG out. Preserves vector paths, groups, and text. Works without Illustrator installed.

Upload an EPS file and get an editable SVG. Handles Encapsulated PostScript from Illustrator, Inkscape, or other vector tools.

Extracts vector content from a PDF and outputs an SVG. Works best on single-page PDFs with vector graphics rather than embedded raster images.

Upload a .psd and get an SVG. Vector layers and shapes convert cleanly. Best results with designs that are mostly vector rather than raster.

Upload a .aep file and get Lottie JSON out. No After Effects or plugins needed. Handles shapes, masks, and keyframes. Preview the result to catch unsupported effects before you export.

Upload an .fla file and get Lottie JSON out. Converts timeline animations and vector shapes. Good for migrating Flash-era content to modern formats without After Effects.

Upload a .riv file and get a Lottie animation. Useful when you need to deploy an animation somewhere Rive isn't supported but Lottie is.

Upload an animated SVG or SVGA file and convert it to Lottie JSON. Handles CSS animations and SMIL, outputting a Lottie file you can render anywhere.

Takes an SVG and turns it into a Lottie file you can animate. Works best when the SVG has flattened transforms, outlined strokes, and no embedded raster images.

Converts Lottie JSON to dotLottie, which is smaller and supports theming, state machines, and bundled assets. If you're shipping to production, this is usually the right format.

For places where Lottie can't run natively: presentations, social posts, email. GIF works everywhere, MP4 has broad video support, WebM gives you smaller files on the web.

Upload a video and get a Lottie animation. Works best with short clips that have simple motion and solid backgrounds. Complex footage with lots of detail won't convert as cleanly.

A visual editor for Lottie files. Adjust colors, swap text, tweak timing, and edit layer properties directly. No need to open the raw JSON.

For when you need to dig into the raw data. Edit keyframe values, debug render issues, or make fixes the visual editor can't reach.

Strips unnecessary metadata, simplifies paths, and compresses keyframe data. Shows you the before/after file size so you can see what changed.