react-image-loaded

Image loaded animation component

Usage no npm install needed!

<script type="module">
  import reactImageLoaded from 'https://cdn.skypack.dev/react-image-loaded';
</script>

README

react-image-loaded

Add a smooth animation to images once they're loaded

Install

/* ReactJS */
$ npm i react-image-loaded react-motion --save

/* PreactJS */
$ npm i react-image-loaded preact-motion --save

Usage

import ImageLoader from 'react-image-loaded'

..

render () {
  const { open } = this.state

  return (
    <ImageLoader
      className={style.image}
      opacity={true}
      url='http://via.placeholder.com/200x200'
    />
  )
}

License

MIT © Jack Hanford