stereobooster/react-ideal-image
🖼️ An Almost Ideal React Image Component observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3027
- days_rel: n/a
- days_push: 1180
- n_releases_24m: 0
Adoption not part of the score
3244 stars · 72 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
An adaptive React image component that lazily loads images based on viewport visibility and network conditions, with placeholders (LQIP) to prevent layout jumps. It gives users control over which image resolution to download.
Use cases
- lazy load images in react
- avoid layout shift when images load
- show low quality image placeholder while loading
- adaptive image loading based on network
- responsive image component with srcset
- let users control image downloads
When to choose
- you need lazy loading with placeholders in a React app
- you want adaptive image loading that respects network conditions
- you need user control over image loading behavior
When to avoid
- you are not using React
- you need a battle-tested, actively maintained solution
- you only need native browser lazy loading via loading=lazy
Facets
library · maturity maintenance
ui-components image-processing file-upload frontend web-development image-processing browser react lazy-loading image-component placeholder lqip responsive-images nodejs web-server
3 sources
- readme: https://github.com/stereobooster/react-ideal-image · fetched 2026-08-28 · d440b9a50c7e
- homepage: https://github.com/stereobooster/react-ideal-image/blob/master/introduction.md · fetched 2026-08-29 · 78802c51a3f1
- registry_npm: https://registry.npmjs.org/react-ideal-image · fetched 2026-08-29 · 2b0c773e6d9d
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| stereobooster/react-ideal-image | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="stereobooster/react-ideal-image")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem