MARKETPLACE
PLUGINS
LOTTIE MOTION PLAYER (PRO)
Lottie Motion Player (Pro) logo

Lottie Motion Player (Pro)

Published December 2025
   •    Updated January 2026

Plugin details

Lottie PRO Control turns simple animations into powerful UI components. Designed for professionals who need total control over their app's micro-interactions.
Why go Pro? Unlike standard players, this plugin gives you full programmatic control via Workflows and exposed states.

🔥 Pro Features:

📍 Smart Triggers: Trigger Bubble workflows exactly when the animation hits a specific Frame (e.g., 50, 100) or an internal Marker defined in After Effects.

🔊 Audio Sync: Use the "Play Sound" action to trigger sound effects that automatically synchronize with the animation's playback speed (even at 2x!). Optimized for Mobile (iOS/Android).

🖱️ Smart Hover: Enable "Play on Hover" with one click. Automatically plays forward on enter and stops/resets on exit.

✂️ Play Segments: Play only a specific part of the animation (e.g., "Frame 0 to 30"). Perfect for multi-state icons (Menu/Close, Like/Unlike).

🎮 Full Playback Control: Actions to Play, Pause, Stop, and Reverse animations dynamically.

⏩ Speed Control: Change playback speed in real-time (slow motion or fast forward).

📊 Exposed States: Access Is Playing and Current Speed states to build reactive logic.

  - Includes all Free features:

  - Smart URL handling (Bubble S3 compatible).

  - Tapped & Finished events.

  - Lightweight & Responsive.


Version 2.0 - The "Pro" Update Major overhaul for professional use cases.

🆕 Visual & Layout:

Added "Fit Mode": Choose between Contain, Cover (perfect for backgrounds), or Stretch.

Auto-Resize: Animation now adapts perfectly if the element is resized dynamically.

🎵 Audio Engine 2.0:

iOS/Mobile Ready: Implemented "Audio Unlock" strategy to bypass browser autoplay restrictions on mobile.

Pitch & Speed Sync: Audio playback rate now syncs perfectly with animation speed (0.5x, 2x, etc.).

Smart Sync: Audio pauses, stops, and resumes in perfect harmony with the animation state.

⚡ New Actions & Data:

New Action Go to Frame: Jump to specific frames (and choose to play or stop).

New Action Set Loop: Toggle looping dynamically without reloading.

Improved Play Segment: Now supports instant cuts (ignores queue) and reverse playback.

New States: Duration (seconds) and Total Frames.

New Event: Loaded (fires when metadata is ready).


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/lottiepro_test/1764439795952x843511980232525000

Editor: https://bubble.io/page?id=demo-app-56978&tab=Design&name=lottiepro_test&ai_generated=true&type=page

$15

One time  •  Or  $5/mo

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

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   61 Plugins
View contributor profile

Instructions

How to use Lottie Motion Pro:
  - Drag the element to the page and set a fixed Height/Width.

  - Paste the JSON link (LottieFiles or Bubble Upload).

Using Pro Features:

  - Smart Triggers (No-Code): In the "Frame Triggers" field, enter a list of numbers (e.g., 30, 60, 90). Then, use the Workflow Event "A LottiePro frame_reached" to trigger actions when those frames are hit.

  - Using Markers (After Effects): If your JSON has named markers (e.g., "jump", "land"), use the Workflow Event "A LottiePro marker_reached". You can read the marker name via the element's state: 's Current Marker.

  - Adding Sound: To play a sound effect (mp3/wav) at a specific moment, use the "Play Sound" action inside a trigger workflow. The plugin handles mobile unlocking automatically.

  - Hover Effect: Simply check the "Play on Hover" box. The plugin handles the logic (Play on enter, Stop on exit).

  - Control via Workflows: Use the "Element Actions" tab to find Stop (Reset) or Play Sound.

Types

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

Categories

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

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble