Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Lottie – Use after effects animations in web and native apps

airbnb.io

Post reply on HN
Print view View original

31–40 of 115 posts

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

#31

Post by kall »

udbhavs wrote: 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/

Here‘s another one:

https://createwithflow.com

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

#34

Post by danfritz »

Sadly Lottie is a huge dependency, for one or two animations I find it wasteful to even add it. Another downside is that your lighthouse score gets negatively affected since the animation is seen as busy time so your time until interactive becomes very long. I'm always looking for a smaller alternative

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

#35

Post by durazabu »

thih9 wrote: post #11

Is there a way to create the animation file with an open source tool (as opposed to adobe after effects)?

You might want to look into Synfig https://github.com/synfig/synfig

Here is how to export to Lottie https://synfig.readthedocs.io/en/latest/export/export_for_we...

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

#37

Post by JoeyJoJoJr »

I have built a Haxe runtime for playing nested animations from Animate CC. It is extremely performant since it utilises texture atlases, and the library is very small. I am very surprised that there aren’t more runtimes built for the “Export as Texture Atlas” feature, since it really isn’t very difficult to build the runtime, and the nature of Animate CC nested timelines facilitates a very flexible and fast workflow.

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

#39

Post by julik »

Beware that there is some impact with both generating large Lottie files and especially with bundling. It is all too easy - if you are webpacking all of your assets together - to suddenly have 1kb of useful code and 200+ kb of animations. I've seen it happen also that Lottie animations got fed into Babel inside of the Webpack pipeline leading to the node process quitting due to lack of memory.

Might partly have to do with the addiction of JS folks to bundle everything into one file, but it might be a good idea to `fetch()` your lottie animations lazily when you actually need to display them.

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

#40

Post by josefrichter »

creakingstairs wrote: post #5
udbhavs wrote: 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!

I think the initial reason for Lottie was to actually get AE animations to web. AE is very popular among designers to create some avant-garde UI ideas. The problem was 99% of them were absolutely impossible to implement with existing tech. Lottie was one of the steps to make at least some simple stuff real.

By avant-garde stuff I mean for example this guy’s work, he’s a killer: https://dribbble.com/glebich

Post reply on HN