https://github.com/gkampitakis/blurhash-previewer
https://github.com/gkampitakis/blurhash-previewer
blurhash react typescript web-workers
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gkampitakis/blurhash-previewer
- Owner: gkampitakis
- License: mit
- Created: 2020-12-13T18:23:27.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-12-25T20:16:07.000Z (almost 5 years ago)
- Last Synced: 2025-01-13T21:09:50.262Z (11 months ago)
- Topics: blurhash, react, typescript, web-workers
- Language: TypeScript
- Homepage:
- Size: 210 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
BlurHash Previewer
Application for previewing BlurHash strings to images and converting images to BlurHash string.
This application is running in [https://youthful-euler-798f43.netlify.app/](https://youthful-euler-798f43.netlify.app/).
| [BlurHash](https://blurha.sh/) is a compact representation of a placeholder for an image
## BlurHash
In blurha.sh you can find more information for about BlurHash.
Also for encoding and decoding used
- [React Blurhash](https://github.com/woltapp/react-blurhash)
- [Typescript Blurhash](https://github.com/woltapp/blurhash/tree/master/TypeScript)
## Example
You can find an example usage of BlurHash in a [Photo Album](https://gkampitakis.github.io/small-react-projects/#/photo-album) where images are provided by [Unsplash](https://unsplash.com).
You can also check [source code](https://github.com/gkampitakis/small-react-projects/tree/master/src/projects/photo_album) from photo album.
## Locally
You can run it locally:
```bash
# by cloning this repo
git clone https://github.com/gkampitakis/blurhash-previewer.git
cd blurhash-previewer
#install dependencies
npm i
#start dev server
npm run start
```
❓ [For any questions](https://github.com/gkampitakis/blurhash-previewer/discussions/categories/q-a)
❗ [For any issues](https://github.com/gkampitakis/blurhash-previewer/issues)