Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Skeleton - Comment Thread
A comment thread skeleton with multiple comment items showing avatar, username, timestamp, comment text, and action buttons
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Comments load slowly—show users the structure. This React Skeleton maps 3 comment items with avatar, username, timestamp, text lines, and reply/like buttons. Built with shadcn/ui Skeleton component using Array.from, the repeating pattern maintains thread layout—perfect for comment sections, discussion threads, reviews, social feeds, or any interface loading user-generated content where showing conversation structure reduces perceived wait time.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Article Preview
Article card skeleton
List Skeleton
Generic list loading state
Avatar
Avatar component
Blog Post
Full article skeleton
Card
Card structure
User List
User list with avatars
Questions you might have
React Skeleton - Blog Post
A full blog post skeleton with large title, author section, hero image placeholder, and multiple text paragraphs for article pages
React Skeleton - Detailed Article
A detailed article skeleton with title, subtitle, large hero image, multiple sections with subheadings, and additional images for long-form content