loadersz is a framework-agnostic, dependency-free browser library of Canvas loading animations, distributed as a native Web Component with an imperative TypeScript API. It provides 150 motion states, including working, searching, connecting, solving, and racing, and supports configurable size, speed, density, color, theme, pausing, and reduced-motion behavior.
The root import registers a switchable <loadersz-loader> element, while individual state entry points such as loadersz/racing include the Canvas core and one geometry builder for smaller fixed-state bundles. The API can also attach a fixed or switchable loader controller to an application-owned canvas and supports lifecycle methods such as setOptions and destroy. Typed integration adapters are provided for React, Vue, Svelte, and Angular; plain HTML, Lit, Solid, and Qwik can use the native element directly.
The library pauses in hidden tabs, respects prefers-reduced-motion by default, and caps Canvas device-pixel ratio at two. The package has no regular runtime dependencies, and its repository is licensed under the MIT License.