lukehaas/css-loaders
A collection of loading spinners animated with CSS observed · 2026-08-28
Health v2 · maintenance only
35/100
- Activity 7
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4502
- days_rel: n/a
- days_push: 558
- n_releases_24m: 0
Adoption not part of the score
7053 stars · 1003 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
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
library · maturity maintenance
ui-components animation css-framework frontend web-development web-design browser cross-platform css-spinners loading-indicators single-element no-javascript
1 source
- readme: https://github.com/lukehaas/css-loaders · fetched 2026-08-28 · fac79f0a1377
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| lukehaas/css-loaders | main | 35 |
For agents
markdown · JSON · MCP: product_card(name="lukehaas/css-loaders")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem