Lottie

Summary

A library (with React bindings) that plays back After Effects animations exported as lightweight JSON files — used for rich, designer-created micro-animations without hand-coding them.

How to Learn This

1Embed a free Lottie animation (from lottiefiles.com) into a project.
2Learn how designers export After Effects animations for Lottie.
3Compare the file size and quality of a Lottie animation vs the equivalent GIF or video.

CSS Animation

Three.js basics

More topics in Animations

Framer Motion GSAP CSS Animation Three.js basics

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download