# mfrachet/rn-placeholder

🏖️ Display some placeholder stuff before rendering your text or media content in React Native

Repository: https://github.com/mfrachet/rn-placeholder
Canonical: https://ross.abutalabs.com/products/rn-placeholder
Homepage: https://mfrachet.github.io/rn-placeholder/
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, react-native, ux, placeholder
Last push: 2023-01-26T13:18:17+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3405, "days_push": 1315, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2129, forks 182 (observed 2026-08-28T04:06:17.060248+00:00)

## What it is
A React Native library for displaying animated placeholder skeletons before text or media content loads. It provides composable components like Placeholder, PlaceholderLine, and PlaceholderMedia with built-in animations such as Fade, and works with Expo and react-native-web.

## Use cases
- show skeleton loaders while content loads in react native
- display placeholder lines before text renders
- add fade animation to loading placeholders in expo app
- render media placeholders before images load
- use skeleton screens with react-native-web
- customize placeholder line widths and animations

## When to choose
- you build React Native or Expo apps and need skeleton loading states
- you want composable placeholder components with built-in animations
- you need placeholders that also work on web via react-native-web

## When to avoid
- you need a web-only skeleton library for plain React
- the project needs active maintenance, as it is seeking maintainers
- you need complex shimmer effects beyond the provided animations

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, animation
- domain: mobile-development, frontend, web-development
- platform: cross-platform
- tags: react-native, placeholder, skeleton-loading, expo, react-native-web, loading-state, mobile, ios, android, web

## Member repositories
- mfrachet/rn-placeholder (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:17.060248+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:52:25.031895+00:00, confidence not recorded.
  - readme: https://github.com/mfrachet/rn-placeholder (fetched 2026-08-28T04:06:17.060248+00:00, sha be5e050dfc95)
  - homepage: https://mfrachet.github.io/rn-placeholder/ (fetched 2026-08-29T10:32:36.705784+00:00, sha e5b28c80843e)
  - registry_npm: https://registry.npmjs.org/rn-placeholder (fetched 2026-08-29T10:32:36.714444+00:00, sha 265bfd9c92ed)
- Data as of 2026-08-30T08:39:29.467469+00:00.