Skeleton Loader

stable

shadcn Skeleton shimmer applied to a card grid, table rows, or both. Drop in while async data loads.

Live Preview

tsx

<SkeletonLoader
/>

Controls

Variant

variant

Card Count

cardCount

Table Rows

tableRows

Props

Prop	Type	Default	Description
`variant`	`"card-grid" \| "table" \| "card-grid-table"`	`"card-grid-table"`	Layout variant.
`cardCount`	`number`	`3`	Number of skeleton cards.
`tableRows`	`number`	`4`	Number of skeleton table rows.