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
A Guide to Color Theory for Motion Design
Learn how to pick the right colors and apply them to animations with the Color Palette feature.
10 Best WordPress Plugins for Animations
Animation and no-code – has there ever been a better combo?
How to Add Lottie Animations to STUDIO
Elevate your website to the next level, no-code required.
How to Convert dotLottie Animations to GIFs with dotlottie-web Player
Learn how to use dotlottie-web to convert dotLottie animations to GIFs in Node.js.
Development Update Of The dotLottie Format
Explore the new features on the dotLottie formats
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.
7 Stunning WordPress Websites That Use Lottie Animations
Want to create immersive experiences and effective UIs? Check out how these awesome WordPress sites are using Lottie animations to do that.
The Complete Guide to Adding and Editing Lottie Animations in WordPress
Add motion to your WordPress site for free – even if you can’t design or code.
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 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.
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 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 Chain Interactions with the Lottie-Interactivity Library
Interaction Chaining with Lottie-Interactivity allows Lottie animations to react to multiple user interactions.
How to Add Multiple Lottie Animations in OBS
Want to create animated overlays for YouTube Live, Twitch, Google Meet, or other platforms?
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 Lottie Animations to 3D Designs with Vectary
Bring your design assets from Figma to Vectary to create beautiful perspective mobile app mockups.
How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma
Create a Lottie animation from scratch and implement it in your Figma prototype.
How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App
Create animated posts and stories without leaving your mobile device.
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