Lottie

Lottie je knihovna pro nativní vykreslování animací z Adobe After Effects ve webových a mobilních aplikacích. Designéři vytvoří animaci v After Effects, exportují ji pluginem Bodymovin jako lehký JSON soubor a Lottie ji vykreslí v libovolném rozlišení bez velikostní penalizace videa a bez omezení GIFu. Složitá animace, která by jako video měla několik megabajtů, se jako Lottie JSON obvykle vejde do pár kilobajtů.

Knihovna podporuje ovládání přehrávání, smyčky, úpravu rychlosti a dynamické změny vlastností za běhu. Animace mohou reagovat na interakce uživatele, jako je pozice scrollu, stav hoveru nebo indikátory průběhu. LottieFiles, komunitní platforma, nabízí knihovnu bezplatných i prémiových animací, které lze přizpůsobit a vložit do projektu bez další designérské práce.

Pro webové vývojáře Lottie řeší problém, jak implementovat složitý motion design bez ručního kódování CSS nebo JavaScriptových animací. Široce se používá pro indikátory načítání, onboardingové ilustrace, mikrointerakce, prázdné stavy a potvrzení úspěchu. Webový přehrávač je lehký a dobře funguje i na mobilních zařízeních, takže jde o praktickou volbu, jak rozhraní dodat šmrnc bez dopadu na výkon stránky.