Newts Parading Majestically

    imgblur

    0.1.21 • Public • Published

    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.

    Install

    npm i imgblur

    DownloadsWeekly Downloads

    3

    Version

    0.1.21

    License

    ISC

    Unpacked Size

    5.35 MB

    Total Files

    95

    Last publish

    Collaborators

    • outthislife