Shadcn.io is not affiliated with official shadcn/ui
Avatar Group
Overlapping avatar stack with hover lift and tooltips for React
Multiple avatars in a compact overlapping row. Three variants: 'motion' uses Framer spring physics for hover lift, 'css' uses pure CSS transitions, 'stack' uses gradient masks for seamless overlap. Tooltips show on hover. Configure overlap direction with invertOverlap. Stack variant can animate to spread apart on hover. Perfect for team displays, assignee lists, or collaboration indicators.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.