Lottie React screenshot

Lottie React

Author Avatar Theme by Gamote
Updated: 22 Jan 2025
941 Stars

A lightweight React library for rendering complex After Effects animations in real time using Lottie.

Categories

Overview

Lottie-react is a project that aims to give developers full control over Lottie instances with minimal implementation. It achieves this by wrapping lottie-web in a Component or Hook that can be easily used in React applications.

Features

  • Full control over Lottie instances
  • Minimal implementation required
  • Works well with React applications

Installation

To install lottie-react, make sure you have the peer-dependencies installed: react and react-dom. Note that this library uses React Hooks, so the minimum required versions for both react and react-dom is v16.8.0.

Install using yarn:

yarn add lottie-react

Or install using npm:

npm install lottie-react

Summary

Lottie-react provides developers with full control over Lottie instances in React applications. It requires minimal implementation and works well with React Hooks. It is based on the lottie-web project and is available under the MIT license.