MOV to Lottie: converting QuickTime video for apps and the web
Why MOV files end up needing Lottie conversion
MOV is everywhere in a design workflow even when nobody chooses it deliberately: iPhone screen recordings, QuickTime screen captures on macOS, and After Effects renders all default to the QuickTime container. But apps and websites rarely want to ship raw video for a short UI animation — video players add weight, autoplay policies get in the way, and you lose programmatic control. Converting the MOV to Lottie JSON gives you a single file that plays in lottie-web, React, React Native, iOS, and Android with scrubbing, looping, and speed control built in. If your source is an MP4 instead, use our dedicated MP4 to Lottie converter; for browser-recorded WebM files there's WebM to Lottie.
Getting the best result from screen recordings
Screen recordings are mostly static with short bursts of motion, which makes them ideal for this converter's frame deduplication — identical frames are stored once, so a 15-second recording where only 3 seconds move produces a surprisingly small JSON. Use the clip range controls to cut straight to the interaction you want to show, pick 10–12 fps (screen UI reads clearly at low frame rates), and set max width to 480px for docs or 640px for landing pages. WebP output at 85% keeps text in the recording legible.
Codec notes: H.264, HEVC, and ProRes
The MOV container can hold many codecs, and browser support differs. H.264 decodes everywhere — if your MOV came from QuickTime's screen recorder or an export preset labeled "compatibility," it will just work. HEVC/H.265 (the iPhone default when "High Efficiency" is on) decodes in Safari and on some hardware-accelerated Chrome installs; if the preview stays black, open this page in Safari or switch the phone to Most Compatible. ProRes is an editing codec no browser decodes — export an H.264 version from After Effects or Final Cut first. This is a browser limitation, not a converter one: everything runs client-side, so we can only read what your browser can play.
After the conversion: optimizing and repurposing
The Lottie JSON downloads directly to your machine, ready for lottie-web or the LottieFiles ecosystem. If you also need a universally shareable version for Slack or email, convert the same clip with Video to GIF, or take the Lottie you just made and run it through Lottie to GIF. Coming from the opposite direction — an animated GIF you want in an app — use GIF to Lottie. All of these run fully in your browser with no uploads.