LottieFiles

Introducing Motion Tokens. Data-driven animation. Every property controlled at runtime. Update text, colors, gradients and transforms — all from code.

Built this in Lottie Creator with motion tokens @LottieFiles Holy cow… Lottie is powerful. Interactive product storytelling in motion. Tap and drag around 👇 codepen.io/mauali/pen/Kwg…

Prompt in. Vector out. Animation on. Try it now → lottie.link/creator-p2v-tw

🔗 lottie.link/creator-p2v-tw

Prompt to Vector just got a big upgrade. You type what you want, it gives you editable SVGs. Tweak them right there, animate, ship as dotLottie.

@TimGuignard @duolingo Yes, Duolingo uses LottieFiles 🔥 You can check out their case study here: lottiefiles.com/case-studies/d…

Always been a big fan of @duolingo animations. Look at the home page of their website. So many tiny details, the cat's tail, the app icons that open to let them go out... They use @LottieFiles by the way. I guess it's the same on their app. Awesome work!

@LottieFiles lottiefiles ecosystem is getting mature day by day.

Your animation tool, your colors. Light mode. Dark mode. Fully custom.

@janm_uiux Motion tokens magic 🪄✨

Stop re-exporting your animation over and over to personalize it!

Too many folders? Too many versions? Get your animation assets in one place with LottieFiles DAM. 🔗 lottie.link/dam-tw

🔗 lottie.new

@shuvramotion In dotLottie we trust 🫡

@LottieFiles Haha, the majority was done in After Effects, and of course the final handoff was in DotLottie. :)

Drag-and-drop image upload micro-interaction. The upload area reacts to the drop, icons animate to indicate activity, and a progress bar shows the upload moving from 0% to completion. #microinteraction #productmotiondesign #uxmotion #microanimation #aftereffects #lottiefiles

The Keyframe Optimizer from @LottieFiles cleans up baked expressions in seconds. Open it in Lottie Creator, run the optimizer, and reduce keyframes while keeping the same motion. You can even fine-tune it with manual controls. Check it out here: lottiefiles.com/free-animation…

Try it now: lottie.link/fishpond

#LottieHack: Optimize your animation straight from your LottieFiles workspace.

@jasonnfonsecaa Is this…. #BuiltWithLottie? 👀🔥🔥

We started by only designing a landing page for PartyHub. But ended up designing their entire product and brand. Just because we did this one thing. Initially, their scope was simple, one landing page to showcase their product. Couple of weeks in, we delivered that, plus animations they never asked for. We animated it just because it fits the vibe of the brand and helps engage with users further. They noticed, and liked it a lot. Couple of days in, they decided to expand the scope and let us handle everything design-related for their company. They said because they could see we treated their product like it's was our own and always pushed further than what was asked. Pushing the extra miles is the standard we hold ourselves to on every single partnership. Here's one of the animation we did.

@mmmmmmmmmyas @Naveen_KumarV2 @jasonnfonsecaa We also have free courses for you to learn! 👀 lottiefiles.com/certifications

@Naveen_KumarV2 @jasonnfonsecaa it's all here lottiefiles.com/education but i'm still using the old framework of aftereffect > lottie plugin > JSON export so if you're proficient w/ AE i guess just get the plugin 😭😭😭

@ahmadcandesign We have free motion courses for you to learn 👀 lottiefiles.com/certifications

What should I learn first LottieFiles or Rive? I already know After Effects 👾