> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: $w

## Namespace: lottie

## Article: Introduction

## Article Link: https://dev.wix.com/docs/velo/velo-only-apis/$w/lottie/introduction.md

## Article Content:

# Introduction
The Lottie element allows you to add and customize your [Lottie animation](https://airbnb.io/lottie/#/). You can [`play`](#play), [`pause`](#pause), and [`stop`](#stop) your animation. You can set the [`speed`](#speed) of your Lottie animation and whether it plays in a [`loop`](#loop).


![Lottie](https://wixmp-833713b177cebf373f611808.wixmp.com/images/velo-images/media_lottie.png "Lottie")

There are 2 ways to set the Lottie animation you want to use:
1. You can change the [`src`](#src) of the Lottie element to an external Lottie animation URL, for example, `'https://assets6.lottiefiles.com/private_files/lf30_vuxs5lpt.json'`
1. You can add a valid Lottie JSON to your page code. 
A valid Lottie JSON file should should follow this schema [animation.json](https://github.com/airbnb/lottie-web/blob/master/docs/json/animation.json) file. While your Lottie JSON file doesn't need all the key-value properties listed in this file, it must include the following properties and types for your Lottie JSON file to be valid.

   | Properties           | Type             | 
   | -------------------- | ---------------- |
   | "w", "h", "ip", "op" | Number           |
   | "assets", "layers"   | Array of objects | 

 **Tip:** You can put your valid Lottie JSON in a [public file](https://support.wix.com/en/article/velo-where-do-i-put-my-code#i-want-some-code-to-run-on-multiple-but-not-all-pages) and import it in your page code.