Lotiqlab is a browser-based Lottie motion tool for creating, editing, recoloring, and exporting Lottie animations as JSON, dotLottie, GIF, or MP4 without opening After Effects.
What is Lotiqlab?
Lotiqlab is an online Lottie editor that runs entirely in the browser. It takes Lottie JSON files, SVGs copied from Figma, or a plain-language text prompt as input, and outputs animations in JSON, dotLottie, GIF, and MP4, plus single frames as PNG, SVG, or JPEG. Because every animation is parsed, edited, and rendered locally in the browser, there is no conversion server and no upload queue. The editor is free to use, with an optional Pro plan for higher-resolution and longer exports.
What makes Lotiqlab stand out?
- Timeline with real easing — Set a keyframe on a proper timeline, drag it, and pick an ease such as ease in-out so playback matches the intent, with separate keyframe rows per layer (ring, checkmark, circle).
- Paste SVGs from Figma — Copy vector artwork from Figma or elsewhere, press Cmd+V, and it lands as editable layers on a Figma-style canvas.
- Batch recoloring — The Color Transformer detects every color across every layer in one list and swaps them with live preview; an AI dark mode converter maps a palette to a dark theme automatically.
- Four export formats plus stills — Export JSON, dotLottie, GIF, or MP4, and single frames as PNG, SVG, or JPEG at up to 2x free and 4x with Pro — with no watermark.
- Local rendering — Parsing, editing, and rendering happen in the browser, so files are never sent to a conversion server and exports are instant.
- File-size optimization — Exports are optimized: the page shows a 1.2 MB source dropping to 86 KB, a 93% reduction, and a heavy 4.8 MB After Effects hero.json opens and plays back smoothly.
- Reframing and social presets — Crop to 16:9, 1:1, or 9:16 and export at presets such as 1920 × 1080, 1080 × 1080, and 1080 × 1920 without reopening After Effects.
- Live device preview — A phone frame previews the animation as it will ship, and animations can be dropped into a social post frame ready to share.
- Team workspaces — Shared workspaces with owner, editor, and viewer roles, email invites, no seat limit, and no per-seat cost.
What can you do with Lotiqlab?
- Web and app designers: drop a Lottie JSON in, recolor it to a brand palette in one pass, and export an optimized dotLottie for onboarding or loading states.
- Social media creators: reframe an animation to 1080 × 1080 or 1080 × 1920, place it in a post frame, and export a GIF or MP4 ready to publish.
- Developers without After Effects: open a Lottie, move or delete layers, crop, and re-export JSON for a web or mobile build.
- Product teams shipping UI states: generate a loading spinner or success tick from a text prompt, refine it in the editor, and share it in a team workspace.
Who is it for?
- Motion and web designers who need to edit an existing Lottie file — recoloring a success tick or toggle — without the original After Effects project.
- Front-end and mobile developers who receive a Lottie JSON and need to trim, reframe, or optimize it before shipping to web, iOS, or Android.
- Social and marketing teams converting UI animations into square or story-format GIF/MP4 clips for posts.
- Teams of any size that want shared animation files with role-based access, no seat cap, and no per-seat billing.
How does Lotiqlab work?
Start by opening a .json Lottie file, pasting an SVG with Cmd+V, or describing an animation in plain language so the AI authors the Lottie JSON directly and the result is rendered and verified so it actually plays. Then edit on the canvas or timeline — move layers, set keyframes, recolor, or crop — and preview on a phone frame. Finally, export to JSON, dotLottie, GIF, MP4, or a single PNG, SVG, or JPEG frame. The converter and viewer tools (Lottie to GIF, MP4, WebM, PNG, dotLottie) run on their own page without an account.
Pricing
Lotiqlab uses a freemium model: the editor, converters, and standard exports are free with no watermark, and a free account keeps files synced across devices. Lotiqlab Pro costs $10/mo and adds high-resolution and long exports, WebM, the optimizer, and extra workspaces. AI generation runs on credits, and a new account starts with 2.
FAQ
Is Lotiqlab free?
Mostly: the editor, converters, and standard exports are free with no watermark, and a free account keeps projects on every device. Pro at $10/mo adds high-resolution and long exports, WebM, the optimizer, and extra workspaces. AI runs on credits, with 2 free on a new account.
Do I need an account to use Lotiqlab?
No for the converter and viewer tools — Lottie to GIF, MP4, WebM, PNG, and dotLottie run on their own page with no account and no watermark. A free account is required for the full editor (canvas, timeline, layers) and for saving files to the cloud across devices.
Do I need After Effects to edit a Lottie file?
No. Lotiqlab edits Lottie files directly in the browser: move and delete layers on the canvas, recolor, crop, and export, all without opening After Effects or the original source file.
Are my animation files uploaded to a conversion server?
No. Every Lottie is parsed, edited, and rendered locally in the browser, so there is no conversion server and no upload queue. Saved files stay private: personal workspace files are visible only to you, team workspace files only to invited members.
Can I use Lotiqlab with my team?
Yes, at no cost. Alongside a personal workspace you can create shared team workspaces with their own file sets, invite people by email, and assign owner, editor, or viewer roles. Files belong to the workspace, so a teammate leaving does not take the animations, and there is no seat limit.
Alternatives
- LottieFiles — a Lottie platform built around a large public animation library as well as editing tools.
- Adobe After Effects with the Bodymovin plugin — the original authoring route for producing Lottie JSON that Lotiqlab is designed to replace for edits.
