Animations
Free Animations
Access the world's largest collection of free animations
Marketplace
Buy and sell premium Lottie animations
Hire Animators
Find and hire animators for custom Lottie animations
Platform
LottieFiles Platform
Collaborate with teams, optimize files, edit, personalize and more
Key features:
For organizations New
Optimize Lottie animations
Custom branded color palette
Explore all features
More Products
LottieFiles for Adobe After Effects
Create Lottie animations with our Adobe After Effects plugin
Lottie Creator Waitlist
Create Lottie animations easily with our browser-based tool
Lottie Editor
Edit and customize animations easily using our web-based editor
LottieFiles Mobile App
Create animated designs and access your library on the go
Integrations & plugins
Adobe After Effects
Figma
Canva
Webflow
Framer
WordPress
Explore all
Tools
Web Player
Ship Lottie animations on your website in just a few clicks
SVG to Lottie
Convert static icons and illustrations into Lottie animations
Lottie to GIF
Seamlessly transform Lottie animations into high-quality GIFs
JSON Editor
Edit Lottie animations easily by tweaking their JSON data
Lottie to dotLottie
Convert Lottie JSON files to the dotLottie format in seconds
Optimize Lottie
Upload and optimize your Lottie animations for faster loading
Libraries
Open Source Libraries
Use and contribute to our public GitHub repositories
iOS Library
A GitHub repository for iOS
Android Library
A GitHub repository for Android
Customers
Customer Stories
Learn how our customers brought their designs to life with motion
Inspiration
Use Cases
Discover and get inspired by the many use cases of motion design
Built With Lottie
Check out these websites, apps and more that were all built with Lottie
Why Motion?
Learn why motion design matters and how easy it is to get started
Case Studies
DisneyNOW
How DisneyNOW crafts a dynamic app experience
Headspace
Creating moments of joy and mindfulness at Headspace
Gojek
Warm and personal user experiences at Gojek
See all Case Studies
Learn
What is Lottie
Learn all about the Lottie format and why you should use it
Education Center
Up your Lottie game and hone your motion design skills
Blog
Stay updated with the latest in the world of motion design
FAQ & Support
Helpful guides along with answers to your most common questions
Forum
A friendly space to discuss all things Lottie and motion
For Developers
Interactivity Guide
Learn how to add interactivity using the Lottie Web Player
LottieDocs
In-depth documentation for the Lottie animation format
Developer Playground
Dive right into the Lottie format by building and editing animations
dotLottie
Get to know the dotLottie format and its many advantages
Community
Connect with and learn from fellow Lottie lovers at our fun events
Lottie Challenge
Unleash your creativity for a chance to win some cool prizes
웹페이지를 멋지게 꾸미고 싶으세요? Lottie를 사용하면 웹사이트에 멋진 애니메이션을 쉽게 추가할...
1. Lottie 선택하기 안드로이드 앱을 위한 Lottie를 선택하세요. 나만의 Lottie를 사용해도 되지만, LottieFiles에서 무료로 제공하는 수많은 Lottie 애니메...
시선을 사로잡는 앱을 디자인하고 싶으신가요? 애니메이션을 활용하면 앱 디자인의 수준을 한 단계 높일 수 있습니다. 애니메이션은 앱 인터페이...
지금까지는 상호작용을 활용한 Lottie 애니메이션의 경우 하나의 상호작용(클릭, 커서 올리기, 탐색, 반복, 토글 등을 할 때 애니메이션 재생)을 활용하...
디자인은 단지 미학에 관한 것만이 아닙니다. 디자인에서 모션은 인간 중심의 디자인 접근법에서 즐거운 사용자 인터페이스와 시각적인 스토리텔링을 가져다 주는 열쇠이죠. 모...
사람들을 연결하는 공간인 인터넷을 더 역동적으로 만드는 건 이미지일 거예요. 온라인 커뮤니티나 채팅창에서 긴 문장보다 감정을 대변해주는 이미지 또는 움짤(움직이는 이미지) 하나...
여러분은 지금 50%의 확률로 스마트폰에서 이 글을 읽고 계실 겁니다. 그렇지 않다면 5~10초 후 스마트폰 잠금 화면에 앱 알림이 떠서 소셜 미디어를 보거나, 음식을...
고객의 이목을 끌어야 성공하는 현대 사회에서, 성공을 위해 가장 중요한 건 최소 비용으로 가장 큰 성과를 이끌어낼 수 있는 능력입니다. 저화질 유저 인터페이스는 이목을 집중하지 못하지만,...
어떤 로고에나 애니메이션 효과를 줄 수 있는 능력을 가졌다면 어떨까요? 모션 디자이너와 복잡한 소프트웨어 없이 그저 화장실에 다...
이 글을 읽고 계신다면 iOS 앱에 마법을 한번 부려보고 싶은 분이시겠죠. 이번에는 앱을 돋보이게 하고 사용자를 즐겁게 할 그런 환상적인 마법을...
Lottie는 Android, iOS, 웹 브라우저, React 등과 호환되는 고품질 JSON 인코딩 애니메이션입니다. 여기서 [https://lottiefiles.com/what-is-lottie] Lottie가 무...
여러분이 웹사이트, 앱, 마케팅 자료 등에 사용하기 딱 좋은 Lottie 애니메이션을 찾았다고 가정해 봅시다. 그런데 색상이 마음에 안든다던가, 재생속도가...
Lottie가 처음인, 애니메이션이 처음인 당신을 위해. Lottie가 무엇인지부터, Lottie와 GIF 비교까지! 이번 글에서 핵심만 간단히 설명해 드릴게요. 1. Lottie vs GIF 요즘 디자이너...
Motion made simple.