Animate UI

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

Website

Avatar Group Mask

ui

An animated avatar group that displays overlapping user images with a mask effect 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 Mask Demo

(avatar-group-mask-demo)

ui

Demo showing an animated avatar group mask.

View

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

Avatar Group Mask Bottom Demo

(avatar-group-mask-bottom-demo)

ui

Demo showing an animated avatar group mask with bottom translation.

View

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