blurhash
react-blurhash
Our great sponsors
blurhash | react-blurhash | |
---|---|---|
41 | 3 | |
14,916 | 543 | |
1.1% | 0.0% | |
5.5 | 0.0 | |
7 days ago | about 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
-
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?
+1 for blurha.sh
Take a look on blurhash also
The algorithm is even more impressive
There's also a cool lib by Wolt that creates a bit more fancy placeholders: https://github.com/woltapp/blurhash
-
How to make a hash of the images with blurhash python package and react
Package Link - https://blurha.sh
-
Migrating my website from Gatsby to Astro
No blurhash for images like Next or Gatsby
-
Blurhash: A compact representation of a placeholder for an image
The amount of work it takes to decode an image is incredibly tiny by today's standards: https://github.com/woltapp/blurhash/blob/master/C/decode.c
react-blurhash
-
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
titaniium.android.bottomsheet
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
clipview - Titanium Module for Android ClipView
file-icons - Atom file-specific icons for improved visual grepping.
titanium-rounded-tab-group - A lightweight module to apply a native rounded tab groups (no custom view) in Appcelerator Titanium.
swup - Versatile and extensible page transition library for server-rendered websites 🎉
bottom_bar_with_sheet - :rocket: Flutter custom BottomBar Navigation Widget
jankyListSolution - Jank Free Approach Demo could be found here