Working with Lottie Animations
Master Lottie animations with our in-depth guides on various animation file formats, tools, plugins, apps and integrations, as well as essential resources designed to streamline your creative process and level up your designs.
116 articles
How to Add an Animated Splash Screen to a UWP App
A quick tutorial on how you can add an animated splash screen.
How to Embed an Animated Hamburger Menu Into a Web Page
In this tutorial, you will learn how to embed a hamburger menu into a responsive page header by taking advantage of Lottie Player.
How to Animate Lottie in Response to Audio
Making a Lottie animation interactive is cool... but making it interactive in response to audio is even cooler!
Lottie vs. GIF: Choosing the Right Animation for You
The two most popular web animation formats, Lottie and GIF, collide head-on. This blog will focus on the 5 most important parameters to tell you who's the boss!
How To Setup Named Markers in Lottie Animations
With this fun and quick tutorial on How to set up Named Markers in Lottie animations, you will learn to clearly define and document the different segments of your animations.
dotLottie - v2.4.0 State Machine Support
A powerful interactive configuration!
How to Design a Mobile App User Interface
This article will walk you through designing a mobile app user interface to engage users and convert the engagement into revenue. So let's get started.
Get Inspired with 30 Days of Figma to Lottie
Sharpen your motion skills and get inspired with the 30 Days of Figma to Lottie challenge.
Why You Should Use Motion Design for Your Event Assets
How do you make your event stand out and truly captivate your audience? The secret ingredient is motion!
10 Alternatives to Adobe XD You Need to Know
Here are some design tool options for you to choose from.
Build Native Apps using Lottie Animations in Figma with Bravo Studio
Turn Figma designs with Lottie animations into native apps instantly with Bravo Studio.
Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow
It’s never been easier to work on motion design projects with your team.
Introducing dotLottie: An Open-Source File Format
File format for efficient and easy distribution of Lottie animations.
LottieDocs: Everything About the Lottie File Format
Meet the one-stop guide for all things Lottie. Learn more and create more with LottieDocs now.
How to Create Production-Ready Lottie Animations with Figma to Lottie
Let us guide you through how you can bring your visuals to life - a treat perfect for designers of all levels.
LottieFiles for VS Code
A LottieFiles extension for developers that will definitely help with your Lottie workflow.
Kicking off the documentation of the Lottie JSON object
To build the tools to work with Lottie, one needs to understand the structure of the Lottie JSON object, the issues, and the solutions in developing Lottie tools. Karam Ali, the Full-Stack Developer at LottieFiles, highlights things that developers need to know to grow the Lottie tooling eco-system.
LottieFiles for Adobe XD
After the success of our plugins for Adobe Animate and Adobe After Effects, here is our newest plugin, LottieFiles for Adobe XD! Include motion in your design prototypes with native Lottie support and a lot more, right within Adobe XD.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam