# mrousavy/react-native-blurhash

🖼️ A library to show colorful blurry placeholders while your content loads.

Repository: https://github.com/mrousavy/react-native-blurhash
Canonical: https://ross.abutalabs.com/products/react-native-blurhash
Homepage: https://blurha.sh
Language: Kotlin
License: MIT
License Family: permissive
Topics: blurhash, react-native, swift, kotlin, component, native-module, typescript, node, javascript, library, npm, image, ui, ux, algorithm, encoder, loading, placeholder, react, hacktoberfest
Last push: 2026-03-19T11:03:16+00:00

## Health v2 (maintenance only)
Score: 65/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 73, release rhythm 36, longevity 100
- inputs: {"age_days": 2277, "days_push": 167, "days_rel": 265, "gap_med": 125, "n_releases_24m": 4}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2237, forks 87 (observed 2026-08-28T04:06:29.440750+00:00)

## What it is
A React Native library that renders BlurHash strings as colorful blurred image placeholders while content loads. It provides a native component (Swift/Kotlin) for decoding BlurHash strings and encoding images into BlurHash format.

## Use cases
- show blurred image placeholders while images load in a React Native app
- encode images to blurhash strings on the client
- decode blurhash strings into placeholder images
- replace grey loading boxes with colorful previews in image feeds
- store compact image placeholders in JSON payloads
- improve perceived loading performance in social media feeds

## When to choose
- you build React Native apps and want smooth image loading placeholders
- you want a native, performant blurhash implementation for iOS and Android
- your backend already stores blurhash strings alongside image URLs

## When to avoid
- you use Expo Go, since the library requires custom native code
- your app is not React Native (use a platform-specific blurhash library instead)
- you need full-resolution image processing rather than compact placeholders

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, image-processing, animation
- domain: mobile-development, frontend, image-processing, web-development
- platform: cross-platform
- tags: blurhash, react-native, image-placeholder, loading-state, native-module, progressive-loading, ios, android, mobile

## Member repositories
- mrousavy/react-native-blurhash (main) score 65

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:29.440750+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:44:16.066807+00:00, confidence not recorded.
  - readme: https://github.com/mrousavy/react-native-blurhash (fetched 2026-08-28T04:06:29.440750+00:00, sha dedacc6e5fdd)
  - homepage: https://blurha.sh (fetched 2026-08-29T10:24:41.200852+00:00, sha 41128ac7e903)
- Data as of 2026-08-30T08:39:29.467469+00:00.