Displays image placeholder before the required image has loaded

Usage no npm install needed!

<script type="module">
  import reactImagePreloader from '';


React Image Preloader

Pass image src and fallback src or data uri. Useful when you need to display image preloader in cases where src image might fail to resolve.

npm install react-image-preloader -S


React is a devDependency, so make sure you have react available in your project


  1. src: String (url or data-uri)
  2. fallback: String (url or data-uri)
  3. anonymous: Boolean

var React = require('react');
var ImagePreloaderComponent = require('react-image-preloader');

React.render(<ImagePreloaderComponent src='' fallback='' />, document.body);