https://github.com/jide/react-imageblurloader

Image loader using blur.
https://github.com/jide/react-imageblurloader

Last synced: 3 months ago
JSON representation

Image loader using blur.

• Host: GitHub
• URL: https://github.com/jide/react-imageblurloader
• Owner: jide
• License: mit
• Created: 2015-09-23T22:40:24.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-10-10T15:19:31.000Z (over 8 years ago)
• Last Synced: 2024-10-30T05:27:37.314Z (8 months ago)
• Language: JavaScript
• Size: 3.58 MB
• Stars: 4
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# react-imageblurloader

![npm](https://img.shields.io/npm/v/react-imageblurloader.svg) ![license](https://img.shields.io/npm/l/react-imageblurloader.svg) ![github-issues](https://img.shields.io/github/issues/jide/react-imageblurloader.svg)

![nodei.co](https://nodei.co/npm/react-imageblurloader.png?downloads=true&downloadRank=true&stars=true)

Show a nice blurry preview while your images are loading.

![demo](./demo/demo.gif)

## Install

`npm install -S react-imageblurloader`

## Usage

```html

```

## Demo

`npm start` then visit http://127.0.0.1:3000

## Generating previews

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

Then get the base64 : `base64 preview.jpg`