Skip to content
English
Sign in
Contact us
  • There are no suggestions because the search field is empty.

Lottie Theming

Create multiple themes of your animations in a single .lottie file—perfect for dark/light modes, brand guidelines, or seasonal updates.

Why Use Theming?

  • Instant theme switching without file duplication
  • Consistent branding across all your animations
  • Simpler file management with one animation, multiple themes

Watch the Tutorial

Learn how to create and apply themes in under 3 minutes:

Watch: Lottie Theming Tutorial

Creating Themes

  1. Open your animation in Lottie Creator
  2. Click Create Theme in the bottom player controls
  3. Name your theme (e.g., "Dark Mode")
  4. Select colors for specific layers and preview in real-time
  5. Save your animation

Switching Themes

  1. Open your animation in the workspace
  2. Click the theming button in the player controls
  3. Select any saved theme from the list

All themes are embedded in your .lottie file automatically.

For Developers: Implementing Themes

Handoff with Pre-Applied Themes

  1. Click Handoff in your workspace
  2. Select your desired theme from the "Theme to Embed" dropdown
  3. Copy the generated code (theme is already applied)
  4. Integrate into your project

The code includes your selected color palette for seamless implementation.

Technical Requirements

  • Format: .lottie files only (.json not supported)
  • Player: Requires dotLottie player (web, iOS, Android)

Common Questions

Can I edit themes after downloading?
Yes. Themes are embedded in the file—just reload it in Lottie Creator to switch or edit.

How many themes can I create?
As many as you need. The limit depends on your animation's layer structure.

Does theming slow down performance?
No. Theming only changes color properties without re-rendering.

Does theming work on mobile?
Yes. dotLottie iOS and Android players fully support theme switching.