MARKETPLACE
PLUGINS
LOTTIE-PLAYER + SCROLL-ANIM
Lottie-player + Scroll-Anim logo

Lottie-player + Scroll-Anim

Published February 2022
   •    Updated September 2025

Plugin details

Easily add high-quality animation to your app. Lottie is an library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images
Lottie is an open-sourced animation file format like no other. It is smaller with higher quality and allows for you to create animations that can be interacted with. So versatile, you can easily implement it on almost all platforms out there!

What is the use case for this?
Where this web animation really shines is in interactive design. With lottie-web, you can start or stop an animation in response to a user action (such as liking something on Twitter). Such subtle usage can really improve the overall user experience of your application.
How to get Lottie Animation JSON?
Login/Sign Up on Lottie Files
https://lottiefiles.com/
Search Animation and Download JSON file.
Use Json URL (Lottie Animation URL)

You can also bind an animation to the scroll and/or pin the element (the element will stay in place while scrolling the page).

Element Actions:
play
stop
pause
setSpeed
goToAndStop
goToAndPlay
setDirection
playSegments
getDuration
updateTextDocumentData

Events:
Complete
LoopComplete

States:
duration

Installation.
Place the element "lottie-player" on the page and make settings.

Detailed settings you can find on our demo page:
https://plugin-preview-3.bubbleapps.io/version-test/lottie_scroll

Plugin Page:
https://mindforapps.com/plugin_details/lottie-scroll


Support
If you have questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$20

One time  •  Or  $5/mo

stars   •   0 ratings
73 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   •   33 Plugins
View contributor profile

Instructions

1. Place the element "lottie-player" on the page 2. In the "Lottie Animation File/URL" field, specify the Lottie animation file.
3. In the simplest version, the plugin is ready for use.
4. If necessary, make other additional settings
Detailed settings you can find on our demo page:
https://plugin-preview-3.bubbleapps.io/version-test/lottie_scroll

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Mobile   •   Video   •   Image   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble