Core UI
Loading Skeleton Set
Shimmer skeleton placeholders for text lines, an avatar row, a card, and a table row, with the shimmer disabled under reduced motion.
$ velocityx add loading-skeletonBuilt for astro.
Full docs for Loading Skeleton Set →
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| shape | 'text' | 'avatar-line' | 'card' | 'table-row' | No | 'text' | |
| lines | number | No | 3 | |
| columns | number | No | 4 |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/loading-skeleton/LoadingSkeleton.astroUsing the Loading Skeleton Set component
Install it with velocityx add loading-skeleton.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Core UI.
Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.
astroSingle pill component covering solid, soft, and outline badge variants across brand and semantic tones, with an optional removable tag mode.
astroStatic breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.
astroOne button primitive covering primary/secondary/ghost/destructive variants, three sizes, a loading spinner state, and an icon-only mode.
astro