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 |