Components

Avatar Group

A composable avatar group component with smooth tooltip transitions and glow effects.

Loading

Installation

pnpm dlx shadcn@latest add @toui/avatar-group

Examples

Flip Animation

Loading

API Reference

This component is built using Radix UI Avatar and Motion primitives and includes the following custom props:

AvatarGroup

PropTypeDefault
children ReactNode
className string
tooltipClassName string
animation enum 'default'

AvatarGroupItem

PropTypeDefault
children ReactNode
className string
tooltipClassName string

AvatarGroupTooltip

PropTypeDefault
children ReactNode
className string

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.