Components
Avatars
Avatar Stack

Avatar Stack

Beautifully designed Avatar components with Tailwind CSS and Framer Motion. Copy, paste, and customize to enhance your web projects effortlessly.

Avatars Stack

Avatar 1Avatar 2Avatar 3Avatar 4Avatar 5
+1.4k

Installation

Run the following command:

npx gopx-webui add avatar-stack

Props

PropTypeDescription
avatarsAvatar[]An array of avatar objects, each containing src (string) and alt (string) properties.
maxDisplaynumber (optional)The maximum number of avatars to display. Defaults to 5.
sizenumber (optional)The size of the avatars in a specified unit (e.g., pixels). Defaults to 10.
borderColorstring (optional)The color of the avatar border. Defaults to "white".
darkBorderColorstring (optional)The border color for dark mode. Defaults to "gray-800".