React Lottie Loader.
> Lottie loader for React.
Introduction
Lottie made animations for web sleek and beautiful and of course let designers to have their boundless creativity and use them in your project, just download or create your own
Lottie Files.
$3
via npm
``
bash
npm i react-lottie-loader
`
via yarn
`
bash
yarn add react-lottie-loader
`
$3
Create your own or download Lottie files from here Lottie Files.
Import animation data and LottieLoader component.
`
javascript
import React from "react";
import catAnimationData 'src/animation/cat-animation.json';
import LottieLoader 'react-lottie-loader';
function App() {
return (
);
}
export default App;
``
$3
- animationData: an Object with the exported animation data.
- autoplay: true / false it will start playing as soon as it is ready
- className: css class name to pass the animation container.
- loop: true / false / number
- name: animation name for future reference
- path: the relative path to the animation object. (animationData and path are mutually exclusive)
- renderer: 'svg' / 'canvas' / 'html' to set the renderer
$3
Contributions, issues and feature request are welcome! 💜
Fell free to check the
issues page
---
$3
-
David Khierl Gidor