Free Ready-to-use Animations
Designs created by the community for the community
LottieFiles Platform new
Collaborate with teams, optimize files, edit, personalize and more
Lottie Creator waitlist
Create high quality and lightweight Lottie animations with our browser-based tool
Marketplace
Buy and sell premium Lottie animations
Integrations & Plugins
Plugins and extensions for working with Lottie animations
LottieFiles Mobile App
Create animated designs and access your animation library on the go
Preview/Test
Test your Lottie animation work on web and mobile
Optimize Lottie
Significantly reduce animation file size keeping its quality intact
Lottie Editor
Tweak Lottie animations without After Effects
Create with AE
Make Lottie animations with LottieFiles After Effects
Design Plugins
LottieFiles integrates with all your favorite design and dev tools
Web Player
Perfect for adding Lottie animations to web
Open-source Libraries
All our public GitHub repositories available for use and contribution
Visual Studio Code
Improve your development workflow with the LottieFiles plugin
Guide to Lottie Format
Learn about Lottie format, schema and advanced interactions
What is Lottie
A comprehensive guide to this powerful little format
Blog
How-to guides, interviews, articles, and more
Education Center new
Learn from the Lottie experts
Community Events
Meet other motion enthusiasts, learn from experts, or help evangelize
웹페이지를 멋지게 꾸미고 싶으세요? 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.