RetroSkeleton
A loading placeholder with Mac OS 9 dithered hatching pattern and pulse animation.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-skeleton.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroSkeleton } from "@/components/ui/retro-skeleton"Text Line Skeletons
Circle Skeleton (Avatar)
Card Skeleton
Without Animation
The dithered hatching pattern uses 45-degree diagonal stripes in OS9 gray tones. The pulse animation oscillates opacity between 0.7 and 1.0.