Animated placeholder for loading states with customizable dimensions and circle variant. Creates anticipation for content while improving perceived performance.
Use skeleton loaders to provide a preview of content structure while it loads.
Show the shape of content before it's fully loaded.
Display placeholders as content streams in.
Reduce perceived wait time with visual feedback.
Skeleton loaders can be combined to create realistic loading states.
Multiple skeleton lines for text content.
Complete card placeholder with image, title, and text.
User profile placeholder with circular avatar.
Data table placeholder with multiple rows.
Follow these guidelines when using skeleton loaders.
Skeleton loaders provide visual feedback with proper accessibility.
Design and development resources for the Skeleton Loader component.