p/lottiefiles
Lightweight, scalable animations
Nattu

An All-New LottieFiles โ€” Easily collaborate, edit, optimize & ship Lottie animations

Featured
250
โ€ข
Explore updates to features you would love plus new tools for collaborating, editing, optimizing, and shipping Lottie animations.
Replies
Best
flo merian
At Specify, we're huge fans of Lottie. It recently helped us make this delightful 3D model: 72 frames in 24fps, 3.9Mo compressed with Squoosh CLI, in a 21Ko .json file ๐Ÿ’œ Congrats on the launch, ?makers, and keep up your great work ๐Ÿ‘๐Ÿ‘
Nattu
Our mission at LottieFiles is to bring motion to every website, app, and digital screen on the planet. Welcome to the biggest revolution in design. Thank you for pushing motion to the forefront of your designs. Would love to see websites and apps you have already #BuiltWithLottie. Letโ€™s share your best Lotties or Products you have created with Lottie here.
Grace Eunmyung Kim
@reallynattu used a lottie on my website built on webflow. thanks for all that you do!
Rana Bolorchi
@reallynattu Yess, using motion has always been a game changer for me when it comes to optimizing page conversions. Now with all these new features we can level up our user interaction and conversion rates even more ๐Ÿ™๐Ÿป
Haris
Hi Hunters! Iโ€™m Haris, Product Manager with the LottieFiles team.  Adding on to the comment above, I wanted to share with you the features youโ€™ll enjoy with the new LottieFiles: โ€ข ๐Ÿ–ผ๏ธ Large animation library โ€“ search, download & customize thousands of free Lottie animations โ€ข ๐Ÿคโ€ Team collaboration โ€“ invite members to a team or company workspace, give & receive feedback, specify progress stages & more โ€ข ๐Ÿงช Test your animation anywhere โ€“ LottieFiles has free tools you can use to test animations on the web or mobile โ€ข โš™๏ธ Optimize your Lottie file size โ€“ automatically reduce the size of your Lottie animations by up to 80% (without compromising quality or performance) โ€ข ๐ŸŒˆ Custom color palettes โ€“ instantly change the colors of any animation to match your brand or design โ€ข ๐Ÿ“ Flexible export options โ€“ like in MP4 or GIF format to use anywhere! โ€ข ๐Ÿ’ช Powerful Lottie Editor โ€“ change colors, text, speed, size & more, even if you donโ€™t know motion design โ€ข ๐Ÿ“„ Track version history โ€“ track changes made by you or your team, even if the edit was made in Adobe After Effects โ€ข ๐Ÿ”— Plugins & integrations โ€“ integrates with Adobe After Effects, Figma, Adobe XD, VS Code & even platforms like WordPress โ€ข ๐Ÿ‘จโ€๐Ÿ’ป Open-source libraries โ€“ Lottie animations are super easy for developers to implement thanks to libraries for the web, iOS & Android Phew, thatโ€™s a lot of features. And thatโ€™s not even half of it โ€“ youโ€™ll discover tons of other features & improvements that will make motion design super easy.  What do you think? Got additional feature request? Comment below!
Nok Moe
@aliharis Link goes to 404 btw. Otherwise, the the looks great!
Haris
@nok_moe Thank you ๐Ÿ™ Sorry about the page, It should work now.
Haris
@berkaydin Thank you. We look forward to your feedback ๐Ÿ‘‚
Love how accessible designing and creative collaboration is becoming! Well done K ๐Ÿ‘ And congrats on the success with the tool so far.
Haris
@florin_biro Thank you ๐Ÿ™ We'd love to hear your thoughts and feedback on the new LottieFiles platform, especially around collaboration.
Hilal Aydฤฑn
Great product. Easy-to-use even for non-designers like me. Congrats to LottieFiles team on the launch! ๐Ÿš€
Khushboo Gulabrai
Hello hello! Khushboo here from Singapore ๐Ÿ‡ธ๐Ÿ‡ฌ Iโ€™m the Product Marketing Manager at LottieFiles. Just wanted to share with you a bit more about why Lottie is awesome โœจ  Have you ever noticed those little animations on mobile apps? Maybe itโ€™s a logo that animates as your app fires up or a loading animation that plays after you perform an action, or the little delivery man that shows you where your food order is. Thereโ€™s a good chance that itโ€™s a Lottie animation because itโ€™s used by motion designers at 150,000+ companies including Google, TikTok, Disney, Uber, Airbnb & Netflix. The best part is that you donโ€™t have to create them from scratch. Weโ€™ve got thousands of free Lottie animations on our site for you to use! Customize & embed them with ease, even if you canโ€™t design or code.  And with these new features at LottieFiles, we hope that motion design will become even easier and more accessible to everyone ๐Ÿ˜Š
Grace Eunmyung Kim
@khushboo_gulabrai Congrats to the team for making this happen!
Jia Ying Chang
@khushboo_gulabrai Huge congratulations to you and the team for shipping this!
Inad
Loving the color editor feature. So many cool pre-set palettes to choose from! Great for color inspo ๐ŸŒˆ
Grace Eunmyung Kim
@inerds I know!!!! love the editor feature too <3
Khushboo Gulabrai
@inerds Me too @inerds! It's great for marketers like myself to be able to quicky customize animations!
Rana Bolorchi
@inerds Yes, you can even change any Lottie animationโ€™s colors to your own brandโ€™s colors so quickly and easily. Love this feature!
Inad
@gracekim227 Me too. Did you notice the preview of the new editor on the video? ๐Ÿคฏ
Inad
@khushboo_gulabrai I just played with the color palette feature, it works like a charm. I can now easily customise animation colors to fit my brand.
Varun Razora
We used lottie for our apps and i am really impressed by your platform. It's simple,easy and fast. I am gonna create some awesome animations with your product. Congratulation for the launch.
Sundar Sudandiraraj
@varunrazora Getting these positive feedbacks gets us motivate to come up with new ground breaking features. To help execute your work efficiently. Huge thanks to your support. ๐Ÿค
Varun Razora
@sundar_sudandiraraj You guys deserve more because you created an awesome product. Best of luck man, wish to see you grow more soon.
Nattu
If anyone is wondering about the landing page, it is built on Framer. Thanks to @jurrehoutkamp @jornvandijk and the amazing folks at Framer, we are able to bring Lottie animations to websites with just a few clicks.
Pizza Yap
Hey Product Hunters Pizza Yap here, Product Design Lead @ LottieFiles. We're so pumped to launch and announce the all-new LottieFiles to you. We've worked tirelessly to bring all the useful features that will help your motion design workflow better. The idea is to help you bring animation to your web or app products seamlessly and effortlessly. Let's join over 4M+ users worldwide in this new motion ecosystem! With the all-new LottieFiles, itโ€™s now easier to: โ€ข ๐Ÿคโ€ Collaborate with your team on motion design (Frame by Frame Commenting, Status Updating, Link Sharing) โ€ข โœ๏ธ Edit and customize Lottie's animations (Color Palette, Editor) โ€ข ๐ŸŽ๏ธ Optimize your animations for faster load speeds (Optimizer, dotLottie) โ€ข ๐Ÿš€ Ship animations on any platform (Asset Link, LottieFiles CDN) Let us know your thoughts in the comments!
Usama Ejaz
Thank you for making such an amazing product! Congratulations on the launch of your product, it is very much appreciated!
K Minglani
Hey Product Hunters ๐Ÿ‘‹ K here, Co-founder and CEO of LottieFiles.  Iโ€™m super stoked to announce an all-new LottieFiles to you. There are tons of updates, features, and new tools that will make your motion design workflow effortless.  For those new to LottieFiles, a quick intro โ€“ LottieFiles offers thousands of lightweight, editable, free and ready-to-use animations. In addition, we have tools that help you bring animation to your everyday designs. LottieFiles integrates with your favorite design and development tools and is now trusted by over 4M+ users worldwide. With the all-new LottieFiles, itโ€™s now easier to: โ€ข ๐Ÿคโ€ Collaborate with your team on motion design โ€ข โœ๏ธ Edit and customize Lottie animations โ€ข ๐ŸŽ๏ธ Optimize your animations for faster load speeds โ€ข ๐Ÿš€ Ship animations on any platform Let us know your thoughts in the comments!
Sanjib Paul
@kshitij_minglani Absolutely love the new LottieFiles platform! Congratulations on the big launch ๐Ÿ™Œ๐Ÿผ
Jowynne Khor
@kshitij_minglani Amazing! Congratez to you & the team!
Jeng Lam
@kshitij_minglani Awesome stuff. Congratulations on this big launch
Arpan Rank
This product is useful to share designer work with developers without sharing on Slack or other platforms. Also, these motion files are easily accessible using plugins. Congratulation to the LF team!
Zaid Kureshi
Loving it, most fantastic features I found are version history, comments, and color palettes ๐Ÿ‘Œ. Congrats to the @lottiefiles Team โค๏ธ
Jia Ying Chang
This looks amazing! Super useful for non-designers like me whoโ€™d like to add motion into their projects!! Thank you LottieFiles!!!
Grace Eunmyung Kim
@jying95 agree. time to upgame our social game as well!
Grace Eunmyung Kim
@jowynne @jying95 i recently tried their mobile app where you can create IG stories on it with motion. super cool stuff
Utsav Vekariya
As a designer, I really like how easy it is to go from the LottieFiles platform to designing in Figma. Way to go, team! ๐Ÿš€
Alex Harper
Blown away by the new features. I managed to reduce a Lottie animation size by 80% with the optimizer!
Daniel Lee
Whoa! This is super awesome, the team collaborations and Lottie optimizations are mad cool features! Also can't get enough of the colour palettes!
Haris
@daniel_lee23 We're glad to hear that. Hint: You can also use the color-palette feature from our Figma plugin ๐Ÿ˜‰
Mohit
Amazing features!! Love the lottie editor and version history feature. It will reduce lots of time and effort. ๐Ÿ”ฅโค๏ธ
Karam
A massive undertaking by the team! some really cool features in there too. personal fav, the color palettes feature, and optimizing a Lottie id say