Hello Bubblers! ![]()
I just released a major update (v2.0) for the LottiePlayer Pro plugin. The goal was to solve the most common frustrations with Lottie animations in Bubble: responsiveness, audio synchronization, and mobile compatibility.
Here is what’s new:
1. True Responsive Control (Fit Modes)
Finally, you can control how the animation fits the container.
-
Cover: Perfect for full-screen backgrounds (crops edges to fill).
-
Contain: Keeps the whole animation visible.
-
Stretch: Forces dimensions.
-
Bonus: Added a Resize Listener to prevent SVG glitches when resizing the browser.
2. Audio Engine Overhaul
This is a game-changer if you use sound effects with your animations.
-
Speed Sync: If you set the animation speed to 2x or 0.5x, the audio automatically adjusts pitch and speed to match.
-
iOS Support: Includes a smart “Audio Unlocker” to ensure sounds actually play on iPhones/Safari (bypassing the strict autoplay policies).
-
Perfect Sync: Pausing/Stopping the animation instantly controls the audio.
3. Granular Control ![]()
-
Go To Frame: Create interactive animations (e.g., “On click, jump to frame 50”).
-
Instant Segments: The Play Segment action now forces immediate playback, eliminating “lag” or queuing issues.
-
New Data: Access Duration (in seconds) and Total Frames directly in Bubble to build custom progress bars.
Why update? If you are building a high-end UI or a game-like experience, this update ensures your animations look good on any screen and sound perfect on any device.
Check it HERE!
You can also check the Free Version HERE!
Also i updated the price of the plugin.
Happy building! ![]()