react-imageblurloader

Show a nice blurry preview while your images are loading.

Install

npm install -S react-imageblurloader

<ImageBlurLoader
  src={ image.url }
  preview='data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEU...'
  width={ 1024 }
  height={ 768 }
/>

npm start then visit http://127.0.0.1:3000

Using ImageMagick : convert input.jpg -resize 20x20 -quality 70 preview.jpg

Then get the base64 : base64 preview.jpg

Name		Name	Last commit message	Last commit date
Latest commit History 57 Commits
demo		demo
src		src
.babelrc		.babelrc
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.npmignore		.npmignore
LICENSE.txt		LICENSE.txt
README.md		README.md
package.json		package.json
testem.json		testem.json
webpack.config.dev.js		webpack.config.dev.js
webpack.config.js		webpack.config.js