Skeleton

Loading placeholder that mirrors content shape.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import { Skeleton } from "@aspyn-io/kit";

List item placeholder

Card placeholder

Mirror the real layout so content doesn't shift when data arrives.

Table skeleton

Placeholder rows while table data loads; match the real column widths.

Form skeleton

Label and field placeholders that mirror a real form.

Notes

  • Pairs naturally with React Suspense fallbacks and Next.js loading.tsx files.