[UPDATE] LottiePlayer Pro 2.0 - Audio Sync, Fit Modes (Cover) & Mobile Support

Hello Bubblers! :waving_hand:

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) :framed_picture: 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 :musical_note: 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 :control_knobs:

  • 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! :rocket: