Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Marquee
Next: Pill

Avatar Group

Overlapping avatar stack with hover effects and tooltips for React

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.

Avatar Group preview

Scroll to load preview

Installation

Animated Tooltip

Avatar with hover info

Cursor

Presence indicators

Pin List

Item with avatars

FAQ

Was this page helpful?

Sign in to leave feedback.

Marquee

Infinite horizontal scrolling marquee for logo strips in React

Pill

Composable pill badge with status indicators, avatars, and delta arrows for React