Lottie for React

This project is meant to give developers full control over Lottie instance with minimal implementation by wrapping lottie-web in a Component or Hook that can be easily used in React applications.

Installation

Install react, react-dom and prop-types if you don’t have them already:

Note: This library is using React hooks so the minimum version required for both react and react-dom is 16.8.0.

npm i -s react@^16.8.0 react-dom@^16.8.0 prop-types@^15.5.7

Install @lottie-web/react using npm:

npm i -s @lottie-web/react

Documentation and Examples

https://gamote.github.io/lottie-react

Projects to check out

lottie-web - Lottie implementation for Web. Our project is based on it and you should check it because it will help you understand what's behind this package and it will give you a better understanding on what features should you expect to have in the future
lottie-android - Lottie implementation for Android
lottie-ios - Lottie implementation for iOS
lottie-react-native - Lottie implementation for React Native
LottieFiles - Are you looking for animations? LottieFiles is the way to go!

Contribution

Let us know if you have any suggestions or contributions. This package has the mission to help developers, so if you have any features that you think we should prioritize, reach out to us.

License

MIT