/lottie-animation-demo

Network-aware adaptive loading with Lottie Web

Primary LanguageJavaScript

Demo: React-lottie network-aware resource loading in React.js

Live Demo

This is a demo of the Lottie web animation implemented using React and network hook. It determines whether to load Lottie animation or static poster image based on the user's network effective connection type.

This project was bootstrapped with Create React App.

Installation

git clone https://github.com/GoogleChromeLabs/adaptive-loading
cd react-lottie-network-aware-loading
npm install
npm start
npm run build
npm run server