Avatar Group
Overlapping avatar stack with hover effects and tooltips for React
Avatar Group preview
Scroll to load preview
Multiple avatars in a compact overlapping row. Three variants: 'motion' lifts on hover, 'css' uses CSS transitions, 'stack' uses gradient masks for seamless overlap. Tooltips show on hover. Great for team displays, assignee lists, or collaboration indicators.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the avatar-group component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.