Loaders
Visual feedback during async operations. Spinner, Skeleton, and Loading Dots.
Spinner
SVG rotating ring. Sizes and semantic intent colors.
Skeleton
Shimmer placeholder for loading states. Matches real content shape.
Loading Dots
Three bouncing dots with staggered timing.
Pixel Loader
Animated 4x4 pixel grids with multiple pattern variants.
Pulse
Wave
Glitch
Snake
Dot Orbit (3D)
Elegant rotational dots using 3D CSS perspective transforms.
Spinner API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
size | string | 'md' | Size of the spinner: 'sm', 'md', or 'lg'. |
intent | string | 'default' | Color intent: 'default', 'success', 'warning', 'danger', or 'info'. |
Skeleton API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
width | string | '100%' | Width of the skeleton placeholder (e.g. "40px", "100%"). |
height | string | '20px' | Height of the skeleton placeholder. |
rounded | string | 'md' | Border radius: 'none', 'sm', 'md', 'lg', 'full'. |