Fully Declarative React Lottie Player

An easy to use, seamless and fully declarative control Lottie player for React.

Install & Import:

# NPM
$ npm i react-lottie-player --save

import React, { Component } from 'react'
import Lottie from 'react-lottie-player'
import lottieJson from './lottie.json'

Basic Usage:

class Example extends Component {
  render() {
    return (
      <Lottie
        loop
        animationData={lottieJson}
        play
        style={{ width: 250, height: 250 }}
      />
    )
  }
}

Preview: