orix-UILoader
Collection of loading spinners and animated indicators built with TailwindCSS.
Preview
Interactive Preview
Installation
Usage
tsx
import { Loader } from "@/components/ui/loader"
export default function Demo() {
return (
<div className="flex gap-4">
<Loader variant="ring" size="md" />
<Loader variant="dots" size="md" />
<Loader variant="bars" size="md" />
</div>
)
}Props
| Prop | Type | Default |
|---|---|---|
| variant | "ring""dots""bars""pulse""spinner""orbit""wave""bounce""dash" | ring |
| size | "sm""md""lg" | md |