ComponentsBlocksDocsExamples

Marquee
GitHub Button
Avatar Group
Typing Text
Word Rotate
Video Text
SVG Text
Counting Number
Sliding Number
Shimmering Text
Text Reveal
Gradient Background
Grid Background
Hover Background
Clock Widget
Components

Avatar Group

UI Library:

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

Installation

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

Examples

Flip Animation

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

  • Built with Radix UI Avatar.
  • Built with Motion.
  • Inspired by Aceternity UI.
PreviouseGitHub ButtonNextTyping Text

On This Page

  • Installation
  • Examples
    • Flip Animation
  • API Reference
    • AvatarGroup
    • AvatarGroupItem
    • AvatarGroupTooltip
  • 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.

Token UI

Components

  • Overview
  • Pricing
  • Marketplace
  • Features
  • Integrations
  • Pricing

Blocks

  • Charts
  • Team
  • Blog
  • Careers
  • Contact
  • Privacy

Examples

  • Help
  • Sales
  • Advertise

Docs

  • Twitter
  • Instagram
  • LinkedIn

© 2025 TOUI.dev. All rights reserved.

  • Terms and Conditions
  • Privacy Policy