Shadcn.io is not affiliated with official shadcn/ui
Card with Avatar and Content
A skeleton card with circular avatar placeholder and user content including name, subtitle, and text lines within bordered container
User-generated content needs context—avatar shows who posted. This React skeleton card combines shadcn/ui Skeleton with circular avatar (size-12 rounded-full), name and subtitle lines, plus body text in bordered card. The layout mimics social posts and user profiles—perfect for comment sections, social feeds, user profiles, testimonials, team member cards, or any interface displaying user-attributed content where avatar and identity are key to the loading placeholder.
Card with Avatar and Content preview
Installation
Related Components
Simple Card
Image and text skeleton
Card with Badges
Badge and tag skeletons
List with Avatars
Avatar list items
Avatar
Real avatar component
Card
Card with border
Skeleton Form
Form loading state
FAQ
Was this page helpful?
Sign in to leave feedback.