Components
Loading preview...
A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.
@motion-primitives
npx shadcn@latest add https://21st.dev/r/ibelick/loader"use client"
import { Loader } from "@/components/ui/loader"
export function LoaderCircular() {
return <Loader variant="circular" />
}
export function LoaderClassic() {
return <Loader variant="classic" />
}
export function LoaderPulse() {
return <Loader variant="pulse" />
}
export function LoaderPulseDot() {
return <Loader variant="pulse-dot" />
}
export function LoaderDots() {
return <Loader variant="dots" />
}
export function LoaderTyping() {
return <Loader variant="typing" />
}
export function LoaderWave() {
return <Loader variant="wave" />
}
export function LoaderBars() {
return <Loader variant="bars" />
}
export function LoaderTerminal() {
return <Loader variant="terminal" />
}
export function LoaderTextBlink() {
return <Loader variant="text-blink" />
}
export function LoaderTextShimmer() {
return <Loader variant="text-shimmer" />
}
export function LoaderLoadingDots() {
return <Loader variant="loading-dots" />
}