react-content-loader
⚪ SVG-Powered component to easily create skeleton loadings. observed · 2026-08-28
Health v2 · maintenance only
63/100
- Activity 63
- Release rhythm 43
- Longevity 100
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: 96.0
- age_days: 3513
- days_rel: 223
- days_push: 223
- n_releases_24m: 3
Adoption not part of the score
14002 stars · 422 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A lightweight React component library for creating SVG-powered skeleton loading placeholders, like Facebook's card loaders. It includes presets, a custom SVG shape mode, and a companion online tool (create-content-loader) for designing loaders, with React Native support.
Use cases
- show skeleton loading placeholders while data loads
- create facebook-style card loaders in react
- add skeleton screens to a react app
- build custom svg placeholder loaders
- show loading placeholders in react native
- customize skeleton loader colors and animation speed
When to choose
- you use React or React Native and need lightweight (<2kB, zero dependencies) skeleton loaders
- you want presets plus a visual tool to design custom placeholder shapes
- you need customizable colors, speed, sizes, and RTL support
When to avoid
- you are not using React or React Native
- you need complex animated loading indicators beyond skeleton placeholders
- you prefer CSS-only skeleton solutions without SVG
Facets
library · maturity stable
ui-components animation frontend web-development mobile-development browser react react-native skeleton-screen placeholder-loading svg loading-state web-server nodejs mobile
2 sources
- readme: https://github.com/danilowoz/react-content-loader · fetched 2026-08-28 · 5a3b0ef5bdab
- registry_npm: https://registry.npmjs.org/react-content-loader · fetched 2026-08-29 · 3f1bd614eeda
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| danilowoz/react-content-loader | main | 63 |
| danilowoz/create-content-loader | frontend | 33 |
For agents
markdown · JSON · MCP: product_card(name="danilowoz/react-content-loader")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem