imgblur

Simple component coupled with a CLI that will lazy load your images w/ a blurry preview.

ImgBlur

View Demo

Simple component coupled with a CLI that will lazy load your images w/ a blurry preview.

Install

yarn add imgblur --dev

Usage

The CLI will generate the preview images for you (appended with -tblur):

{
  ...
  "build:img": "imgblur ./static/*"
  ...
}

Then, just use the component with the original path:

<ImgBlur src='/static/sample.jpg' />

The rest is magic. It will lazy load (based on scroll position) with the preview set as the default image to show.

HomePage

https://github.com/OutThisLife/imgblur#readme

Repository

git+https://github.com/OutThisLife/imgblur.git


相关推荐

暂无相关文章