Live data from Hacker News

Lottie – Use after effects animations in web and native apps

airbnb.io

1–10 of 115 posts

Re: Lottie – Use after effects animations in web and native apps

#3
post #2

Posted this because I wanted to start a discussion on the ecosystem and workflows around Lottie and animations on the web. Here are some alternative programs I found that can export Lottie files: https://www.haikuanimator.com/ https://glaxnimate.mattbas.org/

Just started looking at Lottie recently, the stuff is awesome

Re: Lottie – Use after effects animations in web and native apps

#4
I recently threw together a React page that included some Lottie’s. Impressive! Had a couple issues with bundled bitmap assets but pretty easily overcome with Data URIs. I’ll definitely keep it in the ol’ tool-belt.

https://theworkingassembly.com/labs

Re: Lottie – Use after effects animations in web and native apps

#5
post #2

Posted this because I wanted to start a discussion on the ecosystem and workflows around Lottie and animations on the web. Here are some alternative programs I found that can export Lottie files: https://www.haikuanimator.com/ https://glaxnimate.mattbas.org/

I remember googling for tools that can export to Lottie that are not AE and not coming up with much. Thank you for this list!

Re: Lottie – Use after effects animations in web and native apps

#6
Every time I've shown this to the designers, (full design team at a corporation, single designer at a startup, small design team) everyone says it looks cool but then it never gets used because nobody on the team has any experience using After Effects and no one has time to learn for cool looking but ultimately superfluous animations.

Re: Lottie – Use after effects animations in web and native apps

#7
We've used it a bit to make good looking splash screens / loading animations.

But trying to go "all in", animating every little aspect of intersection as some of the showcases do, isn't worth it. Hard to maintain, since you need someone good at after effects to make an effect every time something on the frontend changes. And few designers know AE. So quickly end up with some parts being fancily animated, and the rest dull, making the contrast jarring. And while the animations when clicking 5-stars or whatever look cool in a video, they are mostly artificial delays for the user getting on with their tasks.

Re: Lottie – Use after effects animations in web and native apps

#9
post #6

Every time I've shown this to the designers, (full design team at a corporation, single designer at a startup, small design team) everyone says it looks cool but then it never gets used because nobody on the team has any experience using After Effects and no one has time to learn for cool looking but ultimately superfluous animations.

It sounds like it fits one very specific scenario: a coder and designer(that had made all their work in AE) working together and the coder can now dodge the tedium of programming animations.

However I prefer Hype (from Tumult) because it’s found that middle ground in simplicity while still being able to integrate real-world web. For that reason a designer(or coder really) can pick up Hype and not need anyone else. It reminds me a little of Flash, but the underpinning technology is javascript.

For example in Hype it’s straight forward to build animated and compliant html5 google ads. That’s something a designer can do all on their own without any coding, the entire process is contained to that one app. Similarly a designer can make a fully animated reactive website and not need to touch code at all.

Also Hype is $50 once. AE is either $240 per year or part of the Adobe creative cloud subscription which is around $600 per year.

Re: Lottie – Use after effects animations in web and native apps

#10
post #2

Posted this because I wanted to start a discussion on the ecosystem and workflows around Lottie and animations on the web. Here are some alternative programs I found that can export Lottie files: https://www.haikuanimator.com/ https://glaxnimate.mattbas.org/

Haiku Animator is sadly an Electron app, with no relation to Haiku Vector Icon Format.
Post reply on HN