LottieFiles Tools
Explore the diverse range of tools at LottieFiles. Whether you're creating, tweaking, or optimizing, LottieFiles provides the collaboration ecosystem for your creative journey.
50 articles
Animated Text: Exploring The Art of Kinetic Typography
Make text move and give its own story with kinetic typography.
Comprehensive Guide to Creating Animations with Lottie Creator
Explore how you can use our web-based creation tool.
Lottie Creator: A Powerful Web-Based Lottie Animation Tool
Reimagine animation creation with Lottie Creator
10 Motion Design Features Every Designer Needs to Know
Be part of our global community that celebrates creativity and joy in every design.
3 Steps to Bring Animations to Designs
From creation and collaboration to integration
Customize Lottie Animation for Dark/Light Mode Using CSS
Find out how our designs help define LottieFiles' brand identity.
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!
How to Animate Your Gmail / Google Workspace Profile Picture
Add motion to your Google profile picture.
Five Tips for Engaging Social Media Content Using Mobile Templates
Enhance your social media presence.
How to Edit Lottie Animations With the Lottie Editor
Tweak your animation’s dimensions, layers, colors, text, image and more and use it in any design project.
How to Customize Lottie Animations on Lottie Editor with CSS Classes
Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!
New and Improved Lottie Editor for Seamless Animation Editing
The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.
Here’s What You Can Do with the New LottieFiles Mobile App
Create animated designs, share them straight to social media, customize animations and more.
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Add motion anywhere – even if you can’t code or design.
4 Ways to Edit Your Lottie Animations
Here’s how to make any Lottie animation fit your brand or design aesthetic.
Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow
It’s never been easier to work on motion design projects with your team.
How to Optimize Lottie Files for Faster Page Load Speeds
Here are three ways to reduce the size of your Lottie animations for faster load speeds.
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.