---
title: "Divi Lottie"
url: "https://divipeople.com/docs/divi-lottie-doc.md"
canonical: "https://divipeople.com/docs/divi-lottie-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# Divi Lottie

**Lottie** is part of **Divi Conkit Pro**. It embeds a lightweight Lottie/JSON animation — the vector animation format used across modern web and app design — with control over trigger, loop, speed, and renderer.

## Key Features

- **3 sources** — a media library file, an external URL, or a directly uploaded JSON file.
- **3 triggers** — Viewport (plays when scrolled into view), On Click, or On Hover.
- **SVG or Canvas renderer** for compatibility and performance tuning.
- **Loop, speed, and optional caption** below the animation.

## Adding the Module

1. Edit a page with the Divi Visual Builder.
2. Add a new module and search for **Lottie**.
3. Choose a Source (Media File, External URL, or Upload JSON File) and set the Trigger.

## Content Settings

- **Source** — Media File, External URL, or Upload JSON File.
- **Trigger** — Viewport, On Click, or On Hover.
- **Loop / Play Speed (x).**
- **Renderer** — SVG or Canvas.
- **Caption** — None or Custom text below the animation.

## Design Settings

- **Animation** — Alignment, Width, Max Width, Opacity.

> **Where to find Lottie files**
> Free, ready-made Lottie/JSON animations are widely available from public animation libraries — search for “Lottie animation” and download the .json file to upload.

## FAQ

### Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

### Will it slow down my page?

Lottie files are typically a few KB to a few hundred KB — far lighter than an equivalent video file — and the Viewport trigger avoids playing off-screen animations.

### Where can I see it in action?

Visit the [Lottie module page](https://divipeople.com/modules/lottie/) for a live overview and pricing.