Skeleton layouts
Ready-made loading layouts for a table, a card and a description list, built from the same parts as the real thing so the swap does not shift the page.
bunx --bun shadcn@4.17.0 add @waimakers/skeleton-presets- npm dependencies
- None
From the registry
Loading table with row/column counts, card and description-list presets built from the same kit layout parts as real content. Each exposes one loading announcement and hides placeholder cells from assistive technology.
Examples
Table
Set rows and cols to match the table that will arrive.
Loading table
Card
A card with a title, two lines and a button placeholder.
Loading card
Loading card
Description list
Stacked, inline or two-column, matching DescriptionList's layouts.
Loading details
Loading to loaded
Swap the preset for the real content when the data lands.
Loading details