Skeleton Loader
Visual Effects
Animated placeholder loading states with shimmer effect, supporting text, avatar, card, and button variants.
Loading preview...
Customize
Variant:
Count1
Animate
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'text' | 'avatar' | 'card' | 'button' | 'text' | Shape variant of the skeleton. |
width | string | number | auto | Custom width override. |
height | string | number | auto | Custom height override. |
count | number | 1 | Number of skeleton lines (text variant only). |
animate | boolean | true | Whether the shimmer animation plays. |
className | string | '' | Additional CSS classes. |