jh3y/whirl

Health v2 · maintenance only

Adoption not part of the score

1835 stars · 250 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Whirl is a curated collection of CSS loading animations (spinners, bars, and indicators) built with pseudo-elements, distributed as both CSS and SCSS files via npm. Developers import only the specific loader styles they need into their web projects.

Use cases

• add a loading spinner to a web page
• css loading animations for my app
• show a progress indicator while data loads
• find css-only spinners without javascript
• loading screen animations for a website
• import a single css loader into my bundle

When to choose

• you want lightweight, CSS-only loading animations with no JavaScript dependency
• you need to import just one or two loader styles into a bundled frontend project
• you want SCSS source files you can customize to match your design
• you need a variety of spinner and loading bar styles to pick from

When to avoid

• you need animated loaders for native mobile or desktop apps rather than the web
• you want a JavaScript component library with built-in loading states and lifecycle control
• you require complex, script-driven loading sequences or progress tracking
• your project already has a UI framework that ships its own spinner components

Facets

library · maturity maintenance

animation ui-components css-framework frontend web-development web-design browser cross-platform css-loading-animations loading-spinner scss pseudo-elements loader-collection spinners loading-indicator

Member repositories

For agents

markdown · JSON · MCP: product_card(name="jh3y/whirl")