dragoon0x Skeleton Component Library
Component Skeletons
Text paragraph:
████████████████████████████████████
██████████████████████████████
████████████████████████████████████████
Card:
┌─────────────────┐
│ ████████████████ │ ← Image placeholder
│ ████████████ │ ← Title
│ ██████████████ │ ← Description line 1
│ ████████████ │ ← Description line 2
│ ██████ │ ← Metadata
└─────────────────┘
Avatar + Name:
(●) ████████████
Table Row:
████ │ ████████ │ ██████████ │ █████
Rules
- Match real content dimensions exactly
- Vary text line widths (not all same length)
- Shimmer animation: left to right, 1.5s cycle
- Show 3-5 skeleton items, not 20
- Transition: fade in real content, don't replace instantly