University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All coursesWeb animations with After Effects & Lottie
How to install Bodymovin
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

How to install Bodymovin

Install and use the Bodymovin extension to export After Effects compositions as JSON files.

How to install Bodymovin

Install and use the Bodymovin extension to export After Effects compositions as JSON files.

1

Getting started

Coming soon

1

After Effects and Lottie course introduction
1:19
After Effects and Lottie course introduction
Coming soon

1

How to install Bodymovin
3:14
How to install Bodymovin
Coming soon

1

Lottie overview
14:48
Lottie overview
Coming soon

2

Lottie inspirations

Coming soon

2

Click based animations
1:40
Click based animations
Coming soon

2

Animate when in view
2:24
Animate when in view
Coming soon

2

Animate while scrolling
2:03
Animate while scrolling
Coming soon

2

Page loader animation
4:10
Page loader animation
Coming soon

2

Animate a video on scroll
6:34
Animate a video on scroll
Coming soon

2

Cinema 4D in Webflow
20:00
Cinema 4D in Webflow
Coming soon

2

3D phone rotation on scroll
22:08
3D phone rotation on scroll
Coming soon

Course progress

0%

Up next

Lottie overview

Create animations in After Effects, export them as Lottie JSON files with the bodymovin plugin, and animate them in your Webflow site.
Complete & continue
→
Complete course
✓