Skip to content

Skeletons

Skeleton placeholders built on the shadcn Skeleton. Use them in loading.tsx files and Suspense fallbacks instead of hand-rolled pulsing <div>s. Import from @/components/ui/skeletons (also re-exported from @/components/ui). See also Cards & Layout.

A fixed-height placeholder shaped like a post card. It takes no props.

Source: src/components/ui/skeletons/PostSkeleton.tsx

Renders a given skeleton component count times. This is the usual Suspense fallback for feeds.

<Suspense fallback={<ContentSkeletonList SkeletonComponent={PostSkeleton} />}>
{children}
</Suspense>

Source: src/components/ui/skeletons/ContentSkeletonList.tsx

SkeletonCard (a generic padded container, plus the skeletonItemClass helper for inner shapes) and NavSkeleton (a vertical nav list placeholder) are exported but have no call sites.

Source: SkeletonCard.tsx, NavSkeleton.tsx