react-content-loader
⚪ SVG-Powered component to easily create skeleton loadings. observed · 2026-10-11
Health v2 · maintenance only
57/100
- Activity 55
- Release rhythm 36
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 96.0
- age_days: 3561
- days_rel: 271
- days_push: 271
- n_releases_24m: 3
Adoption not part of the score
13998 stars · 420 forks observed · 2026-10-11
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-10-11 · 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 | 57 |
| danilowoz/create-content-loader | frontend | 32 |
For agents
markdown · JSON · MCP: product_card(name="danilowoz/react-content-loader")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem