Enhanced Lottie

ruucm .

Open in Framer X

Fully Controllable lottie-web component using Framer X Properties


Property Name Type Description
lottieJsonURL File Url for Lottie data
speed Number Speed of the animation (max x10)
percentage Number Current Frame percentage of the animation
playState String State of the animation (pause, stop, start)
direction String Direction of the animation (normal, reverse)
loop Boolean Looping (true, false)
segmentStart, segmentEnd Number segment controls
onComplete, onLoopComplete, onEnterFrame, onSegmentStart Function eventListeners


If you want to change frame dynamically, please make playState as stop first

Example of Usage - Enhanced Lottie - Example

Example of Usage 2 - Enhanced Lottie - Frame by Frame

Contribute this repository



Tweet @ruucm

Issues Here

Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree