SYGNAL UNIVERSITY

Webflow + Lotties

No items found.
Overview
Controlling Lotties w/ Javascript
002
Lottie Tools & Alternatives
003
Circular Progress Bar
Circular Progress Bar w/ Lotties
5:33
102
Lottie + Interactions
8:44
102
Lottie + JavaScript
5:42
103
JavaScript-only
3:57
104
Choosing a Lottie
7:47
106
No items found.

Webflow supports Lotties which are a type of vector animation format that is created in Adobe After Effects.

Use cases;

  • Pretty animations
  • Pretty animations that are tied to interactions like click & hover events, or scroll-into-view.
  • Functional animations as part of graphs & gauges
    https://gauge-progress-circle-animation.webflow.io/

https://discourse.webflow.com/t/guide-lottie-bodymovin-animation-in-webflow/80569

Webflow appears to be using the older lottie player;

https://www.npmjs.com/package/@lottiefiles/lottie-player

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.