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:

Fully Declarative React Lottie Player

Download Details:

Author: mifi

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/mifi/react-lottie-player

License: MIT

You Might Be Interested In:

Add Comment