Shadcn.io is not affiliated with official shadcn/ui
Table with Avatars
A user list table skeleton with circular avatars and names in the first column for person-centric data displays
User tables need faces—avatars make data human. This React table skeleton combines size-8 rounded-full avatars with text in the first column using flex items-center gap-3. Built with shadcn/ui Skeleton component with flex-shrink-0 on avatars, the layout prevents avatar squishing—perfect for user directories, team lists, customer tables, contact management, comment authors, or any table where showing people improves recognition and engagement.
Table with Avatars preview
Installation
Related Components
Simple Table Rows
Basic table without avatars
Table with Actions
Table with action button columns
Comment Thread
Comments with avatars and text
Avatar
Avatar component with image and fallback
Expandable Rows
Table with expandable detail rows
Table
Standard table component
FAQ
Was this page helpful?
Sign in to leave feedback.