Spinner

Five CSS-only loaders (ring, dots, bars, pulse, orbit) with size prop and screen-reader label.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"span">, "children">

Prop	Type	Default	Description
variant	`SpinnerVariant`	`"ring"`	—
size	`number`	`24`	Box size in px
label	`string`	`"Loading"`	Screen-reader label

$ npx shadcn@latest add https://chromotion.dev/r/spinner.json