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.
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.