Loader

A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.

circular

classic

pulse

pulse-dot

dots

typing

wave

bars

terminal

Thinking

text-blink

Thinking

text-shimmer

Thinking . . .

loading-dots

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/loader.json

circular

classic

pulse

pulse-dot

dots

typing

wave

bars

terminal

Thinking

text-blink

Thinking

text-shimmer

Thinking . . .

loading-dots

Name	Type	Default
`variant`	`"circular" \| "classic" \| "pulse" \| "pulse-dot" \| "dots" \| "typing" \| "wave" \| "bars" \| "terminal" \| "text-blink" \| "text-shimmer" \| "loading-dots"`	`"circular"`
`size`	`"sm" \| "md" \| "lg"`	`"md"`
`text`	`string`
`className`	`string`