All courses Interactions & animations course

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.

1

Getting started

Coming soon

1

Intro to Interactions

Intro to Interactions

Coming soon

1

Interpolation, easing, and smoothing

Interpolation, easing, and smoothing

Coming soon

1

Triggers and animations

Triggers and animations

Coming soon

1

Quick effects

Coming soon

2

Interaction Examples

Coming soon

2

Horizontal movement on scroll

Horizontal movement on scroll

Coming soon

2

Parallax movement on scroll

Parallax movement on scroll

Coming soon

2

Rotate on mouseover

Rotate on mouseover

Coming soon

2

Scroll progress indicator

Scroll progress indicator

Coming soon

2

Navbar show & hide on scroll

Navbar show & hide on scroll

Coming soon

2

Reveal on scroll

Reveal on scroll

Coming soon

2

Page loader animation

Page loader animation

Coming soon

2

Show and hide on click

Show and hide on click

Coming soon

2

Reveal on hover

Reveal on hover

Coming soon

3

Lottie Examples

Coming soon

3

After Effects and Lottie course introduction

After Effects and Lottie course introduction

Coming soon

3

How to install Bodymovin

How to install Bodymovin

Coming soon

3

Animate when in view

Animate when in view

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

3

Cinema 4D in Webflow

Cinema 4D in Webflow

Coming soon

3

Lottie overview

Lottie overview

Coming soon

3

Click based animations

Click based animations

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

Course progress

0%

Up next

Animate when in view

Set up an After Effects animation to animate when it scrolls into view.

Complete & continue

Complete course