Bodymovin Tutorials

Our fun tutorials on Bodymovin will help you to pick up some new skills in using this tool.

How to animate Lottie or JSON data inside HTML file
411

How to animate Lottie or JSON data inside HTML file

DesignAndAnimation

How to create Lottie animations for web or mobile interface using Bodymovin
874

How to create Lottie animations for web or mobile interface using Bodymovin

ProCreator

How to animate an SVG with Sketch & After Effects
747

How to animate an SVG with Sketch & After Effects

Jesse Showalter

How to create a Seamless.AI Lottie interface animations exported using Bodymovin in After Effects
203

How to create a Seamless.AI Lottie interface animations exported using Bodymovin in After Effects

Tom10

How to make dual color Lottie animation in After Effects
8

How to make dual color Lottie animation in After Effects

DesignCode

How to export using Bodymovin to Lottie from After Effects
427

How to export using Bodymovin to Lottie from After Effects

UX in Motion

How to make a simple Lottie animation JSON with After Effects & Bodymovin
423

How to make a simple Lottie animation JSON with After Effects & Bodymovin

Minh Pham

How to create a complex web animations with Lottie
110

How to create a complex web animations with Lottie

Design Egineering

How to create Lottie animations (part 2) After Effects
3577

How to create Lottie animations (part 2) After Effects

Visual Finesse

How to use Bodymovin animations in React or Gatsby
459

How to use Bodymovin animations in React or Gatsby

Webnature Solutions

How to create an UI design for mobile app with Lottie animation
1980

How to create an UI design for mobile app with Lottie animation

Cuberto Design

How to create an animated SVG icon with Bodymovin
1402

How to create an animated SVG icon with Bodymovin

DesignCourse

How to add Lottie animations to HTML
323

How to add Lottie animations to HTML

DesignCode

How to use BodyMovin to export animations for web
214

How to use BodyMovin to export animations for web

Motion Plus

How to create Bodymovin extension for After Effects in Webflow
3

How to create Bodymovin extension for After Effects in Webflow

Webflow

How to install LottieFiles & Bodymovin in After Effects
290

How to install LottieFiles & Bodymovin in After Effects

SVGenius

How to animate an icon design on Illustrator & Lottie.js (part 2)
2303

How to animate an icon design on Illustrator & Lottie.js (part 2)

DesignCourse

How to animate a 3D render on scroll with Webflow & After Effects
22

How to animate a 3D render on scroll with Webflow & After Effects

Webflow

How to add After Effects animation to your Webflow website
476

How to add After Effects animation to your Webflow website

Flux

How to animate a video on scroll with LottieFiles & Bodymovin in Elementor Page Builder
405

How to animate a video on scroll with LottieFiles & Bodymovin in Elementor Page Builder

POSIMYTH Innovations

How to create Lottie animations (part 1) Adobe Illustrator
651

How to create Lottie animations (part 1) Adobe Illustrator

Visual Finesse

How to install LottieFiles plugin & Bodymovin extension in Adobe After Effects which you can use in Android Studio
799

How to install LottieFiles plugin & Bodymovin extension in Adobe After Effects which you can use in Android Studio

Nantapix

How to Create Lottie Animations (part 4) After Effects
715

How to Create Lottie Animations (part 4) After Effects

Visual Finesse

How to create Lottie animations (part 3) After Effects
661

How to create Lottie animations (part 3) After Effects

Visual Finesse