Avatar Group

Overlapping avatars that fan apart on hover, lift with a name tooltip, and expand from a +N count to show everyone.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/avatar-group

Files

• components/motion/avatar-group.tsx
• components/motion/tooltip.tsx
• lib/ease.ts
• lib/hooks/use-hover-capable.ts
• lib/i18n.tsx
• lib/utils.ts
• components/motion/tooltip-surface.tsx
• lib/hooks/use-dismiss.ts

Source

https://github.com/starc007/ui-components

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• Animated Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• Animated Avatar Group Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from beUI

• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert
• Animated Badge
• Animated Number