{"library":"react-blurhash","type":"library","category":null,"description":"react-blurhash provides React components for efficiently displaying Blurhash placeholders in web applications. Blurhash is a compact algorithm for representing a blurred version of an image, enabling a smooth user experience by showing a low-resolution placeholder while the full image loads. Currently at version 0.3.0, the package offers two core components: `<Blurhash />` for a higher-level, self-scaling implementation, and `<BlurhashCanvas />` for direct canvas rendering, offering granular control over the decoding and display process. The library ships with TypeScript types, enhancing developer experience and type safety. It's built upon the core `blurhash` algorithm and requires `react` (>=15) and `blurhash` (^2.0.3) as peer dependencies, which must be installed separately. The package is actively maintained, though its pre-1.0 version number suggests the API might evolve in future major releases.","language":"javascript","status":"active","version":"0.3.0","tags":["javascript","blurhash","blur","hash","image","react","component","typescript"],"install":[{"cmd":"npm install react-blurhash","imports":["import { Blurhash } from 'react-blurhash';","import { BlurhashCanvas } from 'react-blurhash';","import type { BlurhashProps } from 'react-blurhash';"]},{"cmd":"yarn add react-blurhash","imports":[]},{"cmd":"pnpm add react-blurhash","imports":[]}],"homepage":"https://blurha.sh","github":"https://github.com/woltapp/react-blurhash","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-blurhash","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-blurhash/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Mon Jul 20","install_tag":null}}