Thumbnail — States

block

All visual states side by side: image loaded, placeholder, skeleton loading, and upload overlay. Demonstrates the full lifecycle of a thumbnail from empty to loaded.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-thumbnail-states.json"

Sign In

Thumbnail — States

block

All visual states side by side: image loaded, placeholder, skeleton loading, and upload overlay. Demonstrates the full lifecycle of a thumbnail from empty to loaded.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-thumbnail-states.json"

components/astryx/examples/ThumbnailStates.tsx