# zalog/placeholder-loading

Simple and flexible, css only, content placeholder loading animation. https://zalog.github.io/placeholder-loading/

Repository: https://github.com/zalog/placeholder-loading
Canonical: https://ross.abutalabs.com/products/placeholder-loading
Language: HTML
License: MIT
License Family: permissive
Topics: placeholder, animation, content-loading, loading
Last push: 2024-12-05T19:02:16+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3167, "days_push": 636, "days_rel": 635, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1481, forks 146 (observed 2026-08-28T04:04:50.935122+00:00)

## What it is
A CSS-only library for content placeholder (skeleton) loading animations, built with SASS and customizable via variables. It provides simple HTML markup classes for avatars, pictures, and grid-based text bars.

## Use cases
- show skeleton loading placeholders while content loads
- add a shimmer loading animation with pure css
- customize placeholder loading styles with sass variables
- display avatar and image placeholders during page load
- avoid javascript for loading spinners

## When to choose
- you want a dependency-free, CSS-only skeleton screen solution
- you need flexible, customizable placeholder layouts via SASS variables
- you prefer simple HTML class-based markup over JS components

## When to avoid
- you need framework-specific components (React/Vue) with built-in logic
- you require advanced animations beyond shimmer effects
- your project doesn't use CSS preprocessing and you need deep customization

## Facets
- artifact type: library
- maturity: maintenance
- function: animation, ui-components, css-framework
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: css-only, placeholder-loading, skeleton-screens, scss, loading-animation

## Member repositories
- zalog/placeholder-loading (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:50.935122+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-30T04:34:11.983235+00:00, confidence not recorded.
  - readme: https://github.com/zalog/placeholder-loading (fetched 2026-08-28T04:04:50.935122+00:00, sha 6b0024fc42a1)
- Data as of 2026-08-30T08:39:29.467469+00:00.