Lottie Theming: One file, infinite possibilities

Say goodbye to duplicating assets! Seamlessly switch between light mode, dark mode, and custom themes—all from a single dotLottie file. Lottie Theming makes it effortless to apply themes dynamically, saving you time and effort.

Trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Simplify, Switch, Scale

Streamline your workflow, gain creative control, and deliver consistent, high-quality animations across platforms.

One file, multiple themes

One file, multiple themes

Simplify your workflow by reducing complexity and eliminating multiple designs. A single dotLottie file supports endless theme-ready animations that instantly adapt to light mode, dark mode, or any custom theme you like.

Creative flexibility

Focus on creativity rather than duplicating assets. With minimal setup, you can infuse a variety of themes — from brand-specific styles to seasonal looks — directly into your core animation, freeing up your time to explore more innovative designs.

Uniform animations across devices

Ensure your animations maintain a cohesive look across web, iOS, Android and more. Lottie Theming allows for quick and consistent theme application, giving users a unified experience on any device without additional configuration.

Discover the possibilities

Explore and get inspired by the power of Lottie Theming.

Please wait up!

The driver is currently completing another delivery in your area.

Estimated time of order arrival

Nov 20, 2024

· 6:30 PM - 7:30 PM

Default

Dark

High Contrast

Deuteranopia

Please wait up!

The driver is currently completing another delivery in your area.

Estimated time of order arrival

Nov 20, 2024

· 6:30 PM - 7:30 PM

Default

Dark

High Contrast

Deuteranopia

Getting started with Lottie Theming

Step 1

Create animations with Theming

Easily apply themes using the Lottie Creator.

Step 2

Implement your animation

Embed it anywhere and switch themes seamlessly.

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

FAQs

What is Lottie Theming?

Lottie Theming is a powerful feature that allows you to customize your Lottie animations by changing animated properties such as colors, sizes, and more.

What is Lottie Theming?

Lottie Theming is a powerful feature that allows you to customize your Lottie animations by changing animated properties such as colors, sizes, and more.

Can I change the theme after downloading the animation?

Can I change the theme after downloading the animation?

How many themes can I add to a single animation?

How many themes can I add to a single animation?

Does Lottie Theming affect animation performance?

Does Lottie Theming affect animation performance?

What file types support Theming?

What file types support Theming?

Infinite possibilities await

Infinite possibilities await