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.
108 articles
Why Should You Add Animation to Your WordPress Site?
Animation can boost user engagement, create effective UIs, and help your site stand out.
How to Animate Any Logo Without Adobe After Effects
Animate any logo, even if you’re not a motion designer. Here’s how with the SVG to Lottie tool.
How to Add Multiple Lottie Animations in OBS
Want to create animated overlays for YouTube Live, Twitch, Google Meet, or other platforms?
How to Chain Interactions with the Lottie-Interactivity Library
Interaction Chaining with Lottie-Interactivity allows Lottie animations to react to multiple user interactions.
How to Work with Lottie Animations in Adobe XD and After Effects
Add, edit and make your Lottie animations interactive – all within Adobe XD and After Effects.
How to Add Lottie Animations in Adobe XD Prototypes
Design beautiful prototypes with Lottie animations in Adobe XD. And better yet – speed up your workflow. Here’s how.
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.
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.
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!
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.
How to insert a single frame from a Lottie animation into Figma
A quick tutorial to insert a single frame as an SVG from any animation from the Lottiefiles library into Figma.
jLottie: The ultimate Lottie player for micro-animations
jLottie brings the possibility of adding dozens of micro-animations without hampering the performance of your web pages. This lightweight Lottie player renders Lottie animations seamlessly without any frame drops while reducing processing and memory overheads to render them.
How to create Animated Telegram Stickers from Lottie Animations
Surprise your friends with animations of them or create packs to share with the world!
How to Integrate Lottie Animations Into WordPress: Contact Form 7 Plugin
Discover the process of incorporating Lottie animations on WordPress form using Contact Form 7 (CF7).
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!
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.
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 Add an Animated Splash Screen to a UWP App
A quick tutorial on how you can add an animated splash screen.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam