Skeleton

Display a placeholder preview of your content before the data gets loaded to reduce load-time frustration.

Text Lines

Shapes

User Profile

Installation

CLI

Install the component using the StarUI CLI:

star add skeleton

Examples

Card Layout

Skeleton for a typical user card with avatar, content, and action

Data Table

Skeleton for user data table with avatars and status indicators

Loading States

Interactive demo showing skeleton to content transition

Loading State Toggle

Content Loaded!

This content appears when loading is complete.

This is the actual content that would load.

API Reference

Props

Prop Type Default Description
cls str '' Additional CSS classes for custom sizing and spacing
class_name str '' Alternative CSS classes prop (merged with cls)