Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Website

Avatar Group

ui

An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.

Open in
Save

Installation

Copy and the paste the following command into your terminal.

Examples

Avatar Group Demo

(avatar-group-demo)

ui

Demo showing an animated avatar group.

View

https://shadcnregistry.com/preview/animate-ui/avatar-group-demo

Avatar Group Bottom Demo

(avatar-group-bottom-demo)

ui

Demo showing an animated avatar group with the tooltip on the bottom.

View

https://shadcnregistry.com/preview/animate-ui/avatar-group-bottom-demo