Lottie Animation
🎞️ Lottie Animation Component in Lowcoder
The Lottie Animation component in Lowcoder enables you to effortlessly embed lightweight, scalable, and high-performance animations into your apps. Built to support JSON-based animations from LottieFiles, this component enriches the visual experience without compromising performance.
✨ Overview
Lottie animations are rendered from .json
files exported from Adobe After Effects using the Bodymovin plugin. Lowcoder's Lottie Animation component simplifies the integration of these animations into your applications through a declarative interface.

🔧 Key Features
Lightweight & Vector-Based: Crisp animations that scale perfectly across devices.
AutoPlay & Looping: Supports auto-start and continuous looping with toggle controls.
Playback Control: Pause, resume, and reset animations programmatically.
Responsive: Adapts fluidly to parent container sizes.
🛠 Configuration Options
Lottie JSON
Paste the whole JSON Lottie code
AutoPlay
Start animation immediately on render. (Boolean toggle)
Loop
Loop the animation continuously. (Boolean toggle)
Speed
Adjust animation playback speed (e.g., 1
is normal speed, 2
is double).
Value
Returns an Object, which contain all the info about the JSON Lottie
Hidden
Returns True or False based on whether the JSON Lottie component is hidden or not
Component Playground
On Component Playground, you can interact with the Lottie Animation component and explore it's Properties, Events and Methods. Play with different Styling properties to see the effect on the Lottie Animation component.
Component Auto-Docs
In the Auto-Docs of Lottie Animation component, we have shown how to use different properties of the Lottie Animation component. It also includes the Styling properties of the Lottie Animation component.
🧩 Use Cases
Visual onboarding sequences
Loading indicators
Success/error confirmations
Animated icons and storytelling UI
By using the Lottie Animation component, you can deliver delightful micro-interactions and rich motion graphics to your Lowcoder apps with zero custom code.
Last updated
Was this helpful?