Search animations⌘K
Lottie Creator is a web-based animation tool designed to create lightweight, interactive motion design using State Machines and AI-powered features.
Gain precise control over your timeline. Refine, retime, and mirror keyframes in seconds with keyframe assistance.
Bring your paths to life by trimming them over time for smooth, flowing animations.
Drag and drop, or paste clean SVG imports that keep all your path details intact.
Control animation speed and timing between keyframes. Manipulate curves to create smooth easing, overshoots and snappy motion.
What you see in preview is exactly what gets rendered.
Connect animation states and create transitions that react to user inputs, data or events.
Bind your animation properties to real data. Change colors, text, and transforms at runtime.
Export as dotLottie, videos (WebM, MP4, MOV up to 4K), or GIF and share instantly through CDN links across web, iOS, and Android.
Craft textured reveals, light sweeps, or more cinematic transitions that bring your motion design to life.
Parenting
Link elements to a parent layer for consistent movement and easier edits.
Blend layers through light, color, and texture to bring mood, depth, and cohesion to your motion.
Nest animations to manage complexity and keep your creative flow smooth.
Control the pivot point for scaling, rotation, and movement.
Automatically clone layers and animations with full control over copies, spacing, rotation, scale, and opacity.
See and sculpt the exact route your layers travel. Draw a path, drag the curves and turn any trajectory into fluid, frame-perfect animation.
Universal File Importer
Import any design, animation, motion or video files into your Lottie project.
Spring Curve
Natural, physics‑based easing, without curve wrangling.
Motion Preset
Keep animations on-brand with presets shared in your workspace.
Physics Simulator
Create natural motion with keyframes generated for fall, bounce, and collision.
SVGL Logos
Discover popular SVG logos to use in your creations.
States
Set specific animation conditions that determine how your animation plays and responds.
Transitions
Link states together and set conditions for smooth, dynamic movement between them.
Inputs
Add numeric, string, boolean, or event to trigger behaviors and make animations smarter.
Interactions
Detect user actions like clicks, hovers, or data and fire instant state changes.
Prompt to State Machines
Turn text prompts into interactive Lottie animations with AI generated state machines.
Expose animation values as tokens and bind them to real data at runtime.
Freelancers, meet your new studio
Create on any device. Deliver polished animations without heavy software. Share private preview links, publish to the LottieFiles community, and grow your portfolio.
Teams, meet your new creative workspace
Empower teams to collaborate in real time, keep motion consistent, and deliver production-ready Lotties without rework. Cloud projects keep every update aligned across your organization.
What is Lottie Creator?
Lottie Creator is a web based tool for designing and animating with Lottie. Create motion graphics, UI, and interactive animations in your browser using layers, shapes, text, and keyframes. Import SVGs or start from scratch.
What can I animate with Lottie Creator?
Lottie Creator lets you use the lightweight Lottie format to build motion for any use case, from UI micro-interactions (buttons, toggles, loaders) to complex illustrations and character sequences. Add and organize layers, drop in objects, refine timing with keyframes, and design interactive motion using state machines — all within one lightweight dotLottie file.
What are the formats supported by Lottie Creator?
Lottie Creator enables you to import Lottie JSON, dotLottie and SVG. Exports include Lottie JSON, dotLottie, Optimized Lottie formats, GIF, MP4, MOV, and WebM.
Is Lottie Creator free?
Lottie Creator is free to use. You can create as many files as you like, but free users can only export five animations. Upgrade to unlock unlimited exports and advanced tools like optimization, collaboration, and hosting.
Are animations from Lottie Creator responsive?
Yes. All Lottie files are vector-based, so they scale perfectly across devices and resolutions without pixelation.
Do I need animation experience to use Lottie Creator?
While animation experience can help, Lottie Creator is built with features that welcome newcomers. You can tap into a library of design assets and motion presets to build animations without prior knowledge, and use Motion Copilot, our AI assistant, to turn text prompts into editable keyframes you can refine further.
How can I share my animations from Lottie Creator?
You can share animations via a link, embed them on websites, or integrate them into apps with the exported Lottie JSON file. Use our AI assistants to turn text prompts into interactive animations, and with Remix, let others build on your work to inspire collaboration and spark new ideas.
Is my data secure with Lottie Creator?
Absolutely! We prioritize the security of our users' data and ensure that all animations and assets you upload are protected with state-of-the-art encryption.
How long can my Lottie animations be?
While there's no strict limit on the duration, Lottie animations are best suited for short, concise visuals. Ensure your animations enhance user experience rather than overwhelming it.
Can I use Lottie Creator on mobile devices?
Lottie Creator is optimized for desktop use. While you can view and make minor edits on mobile devices, for the best animation creation experience, we recommend using a desktop or laptop.
Push your animation game to the next level.