{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "retro-skeleton", "title": "RetroSkeleton", "description": "A Mac OS 9 styled skeleton loading placeholder with dithered diagonal hatching pattern and optional pulse animation.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-skeleton.tsx", "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface RetroSkeletonProps extends React.ComponentProps<\"div\"> {\n /** If true, applies a subtle pulse animation (opacity 0.7 to 1.0). Defaults to true. */\n animate?: boolean\n}\n\nfunction RetroSkeleton(\n { className, animate = true, children, ...props }: RetroSkeletonProps,\n ref: React.ForwardedRef\n) {\n return (\n \n {children}\n {/*\n Pulse keyframes (kept inline so the component stays self-contained).\n React 19 hoists this \n )}\n \n )\n}\n\nconst ForwardedRetroSkeleton = React.forwardRef(RetroSkeleton)\nForwardedRetroSkeleton.displayName = \"RetroSkeleton\"\n\nexport { ForwardedRetroSkeleton as RetroSkeleton }\nexport type { RetroSkeletonProps }\n", "type": "registry:ui" } ], "type": "registry:ui" }