Plugins
>
Lottie Scroll
Lottie Scroll
Technical
Containers
Media
Mobile
Video
Visual Elements
Plugin details
Add interactive Lottie animations to your app, with scroll-binding and pinning options.
Overview & Key Features
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
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
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
Need help adjusting your new application?
Support
And if you have any questions, reach out to us at support@mindforapps.com
$20 ONE TIME OR $5/MO
BUY NOW | $20 ONE TIME OR $5/MO
Check it Live
Ready to start your own Project?
More plugins
Start Your Project
What stage are you on?
Exploring
I know the problem I'm solving — I need help building the solution.
Project Brief
You have a brief — we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined — we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off — we will help you bring it to life.