# lukehaas/css-loaders

A collection of loading spinners animated with CSS

Repository: https://github.com/lukehaas/css-loaders
Canonical: https://ross.abutalabs.com/products/css-loaders
Language: CSS
License: MIT
License Family: permissive
Last push: 2025-02-21T15:13:22+00:00

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

## Adoption (not part of the score)
Stars 7053, forks 1003 (observed 2026-08-28T04:09:55.539342+00:00)

## What it is
A collection of minimal loading spinners built purely with CSS animations, each using a single HTML element. It provides visually appealing loader styles that are easily resizable via font-size and include accessible fallback text.

## Use cases
- add a loading spinner to a web page without JavaScript
- find CSS-only loader animations for a website
- style an async loading indicator with pure CSS
- get lightweight spinners for a frontend project
- customize the size of a CSS loading animation

## When to choose
- you need dependency-free, CSS-only loading indicators
- you want minimal single-element spinners that are easy to resize
- you need broad browser support including older browsers

## When to avoid
- you need complex animated illustrations or Lottie-style animations
- you require loaders driven by JavaScript state or progress values

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, animation, css-framework
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: css-spinners, loading-indicators, single-element, no-javascript

## Member repositories
- lukehaas/css-loaders (main) score 35

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:55.539342+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:40:31.010610+00:00, confidence not recorded.
  - readme: https://github.com/lukehaas/css-loaders (fetched 2026-08-28T04:09:55.539342+00:00, sha fac79f0a1377)
- Data as of 2026-08-30T08:39:29.467469+00:00.