Theming Lottie Animations: Lottie-Styler & LSS Tutorial | LottieFiles Developer Portal

dotLottie theming is a powerful feature that allows you to customize your Lottie animations by changing animated properties such as colors, sizes, and more. This guide explains how theming works in dotLottie and how you can apply themes to your animations.

Before diving into theming, it’s essential to understand what dotLottie is. dotLottie is a packaging format for Lottie animations that makes it easy to bundle, share, and use animations across various platforms. A dotLottie file is essentially a zip file containing your animation files (in JSON format) and a manifest.json file. It can also include a themes folder for theming purposes.

Exposing Animated Properties for Theming: You must first expose the properties you wish to theme in your Lottie animation by adding a slot ID to them. This makes them accessible for overriding through theming.

Creating a Theme File: Next, you create a JSON theme file that specifies new values for the properties you exposed. Each property is identified using the slot ID, and the new values are defined within this file.

Leave a Comment