# react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.

Repository: https://github.com/danilowoz/react-content-loader
Canonical: https://ross.abutalabs.com/products/react-content-loader
Homepage: https://skeletonreact.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, loader, svg, loading, facebook-cards-loaders, skeleton-screen, placeholder, skeleton, react-native, react-native-components, hacktoberfest
Last push: 2026-01-22T16:36:19+00:00

## Health v2 (maintenance only)
Score: 63/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 63, release rhythm 43, longevity 100
- inputs: {"age_days": 3513, "days_push": 223, "days_rel": 223, "gap_med": 96.0, "n_releases_24m": 3}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 14002, forks 422 (observed 2026-08-28T04:11:05.287061+00:00)

## What it is
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
- artifact type: library
- maturity: stable
- function: ui-components, animation
- domain: frontend, web-development, mobile-development
- platform: browser
- tags: react, react-native, skeleton-screen, placeholder-loading, svg, loading-state, web-server, nodejs, mobile

## Member repositories
- danilowoz/react-content-loader (main) score 63
- danilowoz/create-content-loader (frontend) score 33

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:05.287061+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-29T17:12:53.218694+00:00, confidence not recorded.
  - readme: https://github.com/danilowoz/react-content-loader (fetched 2026-08-28T04:11:05.287061+00:00, sha 5a3b0ef5bdab)
  - registry_npm: https://registry.npmjs.org/react-content-loader (fetched 2026-08-29T08:08:18.426030+00:00, sha 3f1bd614eeda)
- Data as of 2026-08-30T08:39:29.467469+00:00.