> For the complete documentation index, see [llms.txt](https://docs.lottielab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lottielab.com/export-and-hand-off/code-export-platforms/web/react-js.md).

# React JS

1. First, install Lottielab's [Lottie player](https://www.npmjs.com/package/@lottielab/lottie-player) from npm by running:

```
npm install --save @lottielab/lottie-player
```

2. Import the React component:

```
import Lottie from '@lottielab/lottie-player/react';
```

3. Use the `Lottie` React component to display your Lottie using your [Livelink](https://docs.lottielab.com/export-and-hand-off/livelink-cdn): 

```
<Lottie src="https://cdn.lottielab.com/insertyourlottieanimationlink.json" autoplay />
```

[Check out the documentation for Lottielab's Lottie player](https://github.com/lottielab/lottie-player?tab=readme-ov-file#-react-component), where you can learn how to control various aspects of the player, such as playback speed, loop, and control it programatically.