made with react.js
BlurHash
Blurred Image Placeholders
Description
Blurred Image Placeholders
"Give your users the loading experience they want.
BlurHash is a compact representation of a placeholder for an image. Instead of displaying boring grey little boxes while your image loads, show a blurred preview until the full image has been loaded.
In short, BlurHash takes an image, and gives you a short string (only 20-30 characters!) that represents the placeholder for this image. You do this on the backend of your service, and store the string along with the image. When you send data to your client, you send both the URL to the image, and the BlurHash string. Your client then takes the string, and decodes it into an image that it shows while the real image is loading over the network.
The string is short enough that it comfortably fits into whatever data format you use. For instance, it can easily be added as a field in a JSON object."
Creator
Marc Rousavy
@mrousavy
Social Media Links
Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React
Learn more
React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors
Learn more
Placid is a creative automation API & toolkit that lets you generate custom visuals at scale
Learn more
Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your React & Next.js projects
Learn more
The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps
Learn more