Design & Assets
Avatar Stack CSS Generator
Generate overlapping avatar stack CSS.
Input
Avatar Stack CSS Generator
avatar stackcssuisocial proof
Output
Avatar Stack CSS Generator
.avatar-stack {
display: flex;
align-items: center;
}
.avatar-stack .avatar {
width: 36px;
height: 36px;
border-radius: 999px;
border: 3px solid white;
margin-left: -8px;
display: grid;
place-items: center;
font-weight: 700;
color: white;
}
.avatar-stack .avatar:first-child {
margin-left: 0;
}Live preview
Live canvas
Related tools
Accordion CSS Generator
Generate accordion panel CSS.
Border Radius Generator
Generate border-radius CSS from corner values.
Floating Label Input CSS Generator
Generate floating label input CSS.
Focus Ring CSS Generator
Generate accessible focus-ring CSS.
Gradient Border CSS Generator
Generate gradient border CSS styles.
Modal Backdrop CSS Generator
Generate modal backdrop CSS effect.