Lottie Creator is a professional web based animation editor for creating, editing and publishing Lottie animations. It supports everything from simple icon motion to complex interactive experiences, all running directly in your browser with no installation required.

A core pillar of Lottie Creator is Lottie compliant exports for web, iOS, Android and all platforms that support the Lottie specification.

This ensures that anything you design will render correctly in any Lottie-compliant player, whether it’s provided by the platform or integrated into a custom project.

What Is Lottie Creator

Lottie Creator is a complete, modern animation editor that includes:

Visual Canvas Editor

• •Create vector artwork directly on the canvas
• •Professional shape, pen and text tools

Timeline Animation

• •Keyframes, easing controls and frame precise motion
• •Advanced interpolation and easing editor

State Machines

• •Build interactive animations triggered by actions like click, hover and scroll
• •No code required

AI Tools

• •Generate color themes, vectors, animations and state machines

Theme Management

• •Create runtime adaptable themes that automatically apply to animations

What You Can Build

With Lottie Creator you can create:

Web Animations

Iconography, loaders, hero illustrations, scroll animations and more.

Interactive Experiences

Use state machines to build animations that react to:

• •hover
• •click
• •drag
• •scroll
• •custom inputs

Dynamic Content

Themeable animations that adapt at runtime without re exporting.

Complex Motion Graphics

Blend modes, gradients, masks, mattes, text animation, trim paths, morphing and multi scene compositions.

Export Formats

• •Lottie JSON: The standard Lottie format for all runtimes
• •

  dotLottie: A compact bundle up to 80% smaller with advanced features like themes, assets and interactivity

• •GIF and MP4: For social, presentations and previews
• •CDN Links: Hosted, versioned assets that sync across platforms

Why Lottie Creator

• •Professional toolset for drawing, editing and animating at a production level
• •Visual state machine editor for building interactivity with no code
• •AI assisted creation including vector generation, theming and animation logic
• •Lottie compliant exports for web, iOS, Android and all Lottie supported platforms
• •

  LottieFiles ecosystem integration

  • •Collaborate in teams
  • •Edit directly from the LottieFiles cloud
  • •Manage assets, previews and feedback
  • •Shareable CDN links with automatic syncing, requiring no re exporting or redeploying
• •Plugin integrations with the most popular creative tools:

| Tool | What you can do | | --------------------------------------- |

| | LottieFiles for Adobe After Effects | Export animations to Lottie, preview playback, and open animations directly in Lottie Creator for refinement | | LottieFiles for Figma | Convert design layers to Lottie, apply themes, preview animations, and open files directly in Lottie Creator | | LottieFiles for Webflow | Insert Lottie animations with scroll, hover, and click triggers, then open the source animation in Lottie Creator | | LottieFiles for Framer | Add Lottie animations to Framer projects and open them directly in Lottie Creator for editing | | LottieFiles for Canva | Insert Lottie animations into designs and presentations, with the ability to open and edit the animation in Lottie Creator |