- Accordion
- AI Elements
- Alert
- Alert Dialog
- Avatar
- Badge
- Breadcrumb
- Button
- ButtonGroup
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Date Picker
- Dialog
- Dropdown Menu
- Field
- File Picker
- Input
- InputGroup
- InputOTP
- Loader
- Menubar
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Sheet
- Sonner
- Table
- Tabs
- Textarea
- Toggle
- Tooltip
Loader
Animated brand loader with four product variants (lumin, pdf, sign, ag). Self-contained inline SVG + CSS stroke-trim animation, size and color props, and prefers-reduced-motion support.
Import
Live Demo
Animated brand loaders — one per product.
lumin
pdf
sign
ag
24px
32px
48px
72px
currentColor
color="#F2385A"
Props
| Name | Type | Default | Description |
|---|---|---|---|
| variant | "lumin" | "pdf" | "sign" | "ag" | "lumin" | Which product brand mark to animate |
| size | number | string | 48 | Loader size; a number is treated as pixels |
| color | string | — | Stroke color; defaults to currentColor when omitted |