DUI
⌘K

Components / Feedback

Spinner

Indicates an indefinite loading state.

Preview

Loading…
1import { Spinner } from "@/components/ui/spinner"2
3export function SpinnerDemo() {4  return <Spinner />5}

large

The large style of this component.

Loading…
1import { Spinner } from "@/components/ui/spinner"2
3export function SpinnerDemo() {4  return <Spinner className="size-8" />5}

Installation

Add the source directly to your project with the shadcn CLI.

npx shadcn@latest add qentrah/DUI/spinner

Usage

Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.