Skip to content

blakewood84/react-blurhash-loading

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blur Hash Loading Component

This is a component that uses a Blur Hash as a placeholder, then once the network image has fully loaded, it will fade transition in the actual image.

Directions to Start Project

yarn to install dependencies

yarn start to run project

Dependencies

react-blurhash and blurhash

Documentation: https://github.com/woltapp/react-blurhash

Usage

import { BlurHashLoader } from './components/blurhash/blurhash-loader'

<BlurHashLoader imageUrl={imageUrl} blurHash={blurHash} />

Screenshots:

Image of Screenshot 1

Image of Screenshot 2

Releases

No releases published

Packages

No packages published