Have you ever used an app or website and seen that theres an animated logo, interactive icons or animated banner? How did you feel about it? Personally I found it pretty striking and felt that the application was more alive. The power of animations and interactivity are starting to make their way in to our lives, and our digital experiences are only going to be more fun and immersive thanks to it.
When done right, animations and micro-interactions help you stand out and become more memorable for your users and Lottie is quickly becoming the industry standard tool.
Having a dark theme for your website and apps is becoming common practice. A dark theme creates less eye strain for your users and improves battery life. But if you have Lottie animations how do you adapt to having a light and dark theme? You could create two versions of the animation and switch them depending on the theme being used, but creating two versions can be a pain. One solution to this problem could be by using SVG filters.
If you’re animating icons, you most likely use a single stroke colour. This is where…