blurhash
react-blurhash
Our great sponsors
blurhash | react-blurhash | |
---|---|---|
41 | 3 | |
14,997 | 566 | |
1.2% | 4.1% | |
5.5 | 0.0 | |
about 1 month ago | over 1 year ago | |
C | TypeScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
blurhash
-
BlurHash: An Alternative to Generic Image Placeholders
Blogspam, including just taking over the source images.
Original: https://blurha.sh/ and https://blog.wolt.com/hq/2019/07/01/how-we-came-to-create-a-... (2019)
-
Generate thumbhash at edge for tiny progressive images
While it's similar to BlurHash, the color performance is much better for the same filesize. Here's a a demonstration of this from the demo page (with ThumbHash in the middle and BlurHash on the right):
- How do you do these placeholder for loading images based on color?
-
How to make a hash of the images with blurhash python package and react
Package Link - https://blurha.sh
-
blurred layer on top of other content using react-native-skia
If you do go this way, you can use https://blurha.sh
-
Migrating my website from Gatsby to Astro
No blurhash for images like Next or Gatsby
- A very compact representation of a placeholder for an image.
- Blurhash: A compact representation of a placeholder for an image
react-blurhash
- How to lazy load images in nextjs? (without using the next Image component)
-
React-Blurhash
repo
-
Amazing image placeholders with blurhash
After storing the hash on the server, it's quite easier to use it with React without any manual decoding with react-blurhash.
What are some alternatives?
thumbhash - A very compact representation of an image placeholder
flutter_gen - The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs.
engine - The Flutter engine
randimage - Create random images
clipview - Titanium Module for Android ClipView
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
titaniium.android.bottomsheet
file-icons - Atom file-specific icons for improved visual grepping.
swup - Versatile and extensible page transition library for server-rendered websites 🎉
titanium-rounded-tab-group - A lightweight module to apply a native rounded tab groups (no custom view) in Appcelerator Titanium.
bottom_bar_with_sheet - :rocket: Flutter custom BottomBar Navigation Widget