Fully Declarative React Lottie Player

Category: Others , React
Author:mifi
Views Total:5 views
Official Page:Go to website
Publish Date:July 22, 2020
License:MIT

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

You Might Be Interested In:

Leave a Reply