React Player
React component for rendering .lottie and .json animations. Wraps the dotLottie web player with React props, ref access, and event callbacks.
To add Lottie animations to a React app, use @lottiefiles/dotlottie-react — a React component that renders .lottie and .json animations. It wraps the core dotLottie web player and exposes React-specific props, ref-based instance access, and event callbacks.
The current version is v0.x.
Getting started
Install the component and render your first animation.
Examples
Build playback controls and listen to player events.
Props reference
Every prop the DotLottieReact component accepts.
API reference
Worker component, WASM configuration, and player instance access.
Last updated: August 13, 2026 at 9:17 AMEdit this page