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.
Motion presets, easing curves, colors, and fonts. Capture them once as you create and turn them into reusable blocks for future animations.
Use the motion building blocks in your designs. Pull from your motion system and apply them without rebuilding from scratch.
One shared system for the entire team. Pull from the same library so every animation stays consistent.
Expose animation values as tokens and bind them to real data at runtime.
Motion philosophy, principles, personality, do's and don'ts, choreography rules, and accessibility requirements. These are the shared language for how your product should feel.
The consumables: easing curves, animation presets, fonts, images and animations. The building blocks teams reach for instead of rebuilding from scratch.
Workspace permissions for editors and consumers. One canonical system that's shared, not copies, so what's approved is what gets used.
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.
Push your animation game to the next level.