Lottie is an animation library that renders Adobe After Effects animations on Web, Android and iOS: http://bit.ly/lottieweb With adaptive loading, fast connections can get a Lottie animation and slow ones can get a static image: http://glitch.com/~lottie-web pic.twitter.com/CEEbew5KGT
-
Network-aware animations with LottieLottie is a library for Web, and iOS that parses Adobe After Effects animations exported as JSON.
-
Replying to @addyosmani
lottie-web runtime is huge, and comes with the conversion cost from lottie json to DOM. https://github.com/airbnb/lottie-web/issues/1184 … Lottie is great DX, but if folks focus on user problems and not developer problems I suspect a CSS animation, SVG, or SMIL probably has better value to cost math.
2 replies 1 retweet 3 likes -
Replying to @ElliottZ
Yeah, there really needs to be a "Preact" for lottie-web given the runtime costs. I could see the argument for using it on desktop. Per the fallback for slow networks think SVG or an alternative is a better fit for constrained devices.
1 reply 0 retweets 5 likes -
Replying to @addyosmani @ElliottZ
There is technically a "light" version, but IIRC it's 45kb instead of 65kb gzipped, and that doesn't address the JSON bit.
2 replies 0 retweets 4 likes -
/cc
@flackrw2 replies 0 retweets 0 likes -
Replying to @slightlylate @_developit and
Lottie is this React Native of animation DX. You write once in After Effects and then run on iOS/Android/Web really easily. That's amazing for developer productivity! Most folks stop calculating cost there. But do users get enough value from the additional runtime cost?
2 replies 0 retweets 1 like -
Replying to @ElliottZ @slightlylate and
fwiw: Skia has a built-in Lottie player. Not sure if Chrome would ever expose that. https://skia.org/user/modules/skottie …
2 replies 0 retweets 0 likes
If someone proposes that JSON format as a web standard, I could imagine it.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.