pimage v0.0.9

<PImage />

The image component for the next generation.

Demo

About

PImage is a React Progressive Image loader component.

Why you need this? Because you can have a image with multiple sources.

While your website is completing from loading, your user will get better and better images.

All with a configureless setup.

Install

$ npm install pimage

Usage

const lowQuality = 'http://lorempixel.com/200/200/animals/6';
const medQuality = 'http://lorempixel.com/800/800/animals/6';
const highQuality = 'http://lorempixel.com/1600/1600/animals/6';

<PImage srcs={[lowQuality, medQuality, highQuality]}/>

Roadmap

Add support to srcset

Contributions

Stars and contributions are welcome!

License

MIT

Author

Matheus Freire Rabelo