MARKETPLACE
PLUGINS
LOTTIE PLAYER (MOBILE)
Lottie Player (Mobile) logo

Lottie Player (Mobile)

Published July 2026
   •    Updated today

Plugin details

A polished, native-feeling Lottie animation player for Bubble mobile apps. Render Lottie/Bodymovin and dotLottie (.lottie) animations with full playback control - play, pause, resume, stop, reset, seek, and segment playback - plus speed and direction control, looping, autoplay, resize modes, border radius, background color, and a loading placeholder. Rich event hooks (animation loaded, finished, loop completed, play, pause, resume, stop, frame updates, and load errors) let you drive workflows from the animation itself, and exposed states (is playing, is loaded, current frame, total frames, progress, and more) make the animation's status available throughout your app. Built on a high-performance dotLottie engine with in-session caching so repeat loads are instant.

Free

For everyone

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

Other actions

Platform

Native mobile

Contributor details

ANKHARA Studios logo
ANKHARA Studios
Joined 2022   •   5 Plugins
View contributor profile

Instructions

Drop the Lottie Player element onto a mobile page and set "Animation source URL" to your animation link. Both Bodymovin .json and dotLottie .lottie links are supported - for the smallest file size and fastest loads, prefer .lottie. You can alternatively paste raw Bodymovin JSON into the inline JSON field. Use the toggles for autoplay, loop, speed, direction, resize mode, background color, border radius, and a loading placeholder color. To control playback from workflows, use the element's actions (Play, Pause, Resume, Stop, Reset, Toggle, Set speed, Set progress, Set direction, Play segment, Set source, Set loop, and more), and use the element's events (e.g. Animation finished, Loop completed, Frame updated) to trigger your own workflows. Tip: leave "Cache composition" on so repeat views of the same .json animation load instantly. Heavy animations download once; set a loading placeholder color for the smoothest first-load experience.

Types

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

Categories

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

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble