@shadcnloaders
A public registry of shadcn-inspired animated loaders and loading states.
We couldn't automatically resolve a GitHub repository for @shadcnloaders, so maturity metrics aren't available. Visit the homepage below for the registry's components.
Classification
License, pricing and purpose
- License
- Unknown
- Unknown: No repository data.
- Access
- Unknown
- No repository data to judge from.
- Purpose
- A collection of pure-CSS React loaders and spinners designed for use with shadcn/ui and Tailwind CSS.
- Commercial model
- Free
- Everything the project offers is free to use, with no paid tier. Donations and sponsorships do not count as paid.
- Tied to a service
- No
- Yes when the components are a client for a commercial API or service.
- Scope
- Domain-specific
- Focused on one problem area, such as charts, AI chat, an editor, a status page or payments; an app adds it for that feature only.
- Domains
- Animation
- Animation: Animated components, motion effects and transitions.
- Coverage
- 0%
- Share of shadcn/ui core primitives that the registry ships.
Evidence
-
“Shadcn Loaders - 42 React Spinners & Loaders 42 pure-CSS React loaders and spinners. Zero dependencies, sub-1KB each, fully customizable with Tailwind CSS.”
commercial · homepage ↗ -
“42 pure-CSS React loaders and spinners. Zero dependencies, sub-1KB each, fully customizable with Tailwind CSS. One CLI command per component.”
scope · homepage ↗ -
“42 pure-CSS React loaders and spinners.”
domains · homepage ↗
AI-suggested by google/gemini-3.8-flash@Google AI Studio on 2026-10-02
Usage
Install
Add components from this registry with the shadcn CLI (configure the registry URL in your
components.json):
pnpm dlx shadcn@latest add @shadcnloaders/[component]
endpoint: https://shadcn-loaders.vercel.app/r/{name}.json
README
Embed the maturity badge
Add a live maturity badge to your README:
[](https://shadcn.sealambda.com/registry/shadcnloaders/)