Nimbus Pro
AS

Avatars

Sizes, status indicators, rings, groups with overflow, and shapes — all powered by deterministic gradients.

Sizes

Five standard sizes from xs (24px) to xl (64px)

AC
xs
AC
sm
AC
md
AC
lg
AC
xl

Initials

Deterministic gradient background per name

AC
Aria
MP
Maya
JL
Jordan
SR
Sam
TP
Theo
NO
Nina

With Ring

White/dark ring for stacking and emphasis

AC
AC
AC
AC
AC

On tinted background

MP
JL
SR

Status Indicator

Online, away, busy, offline — corner dot

AC
Online
AC
Away
AC
Do not disturb
AC
Offline
AC

Aria Chen

Online

Online
MP

Maya Patel

Do not disturb

Do not disturb
JL

Jordan Lee

Away

Away
SR

Sam Rivera

Online

Online

Avatar Group

Stacked with +N overflow indicator

max = 3 (8 users)

AC
MP
JL
+5

max = 5 (8 users)

AC
MP
JL
SR
TP
+3

max = 4, large size

AC
MP
JL
SR
+4
AC
MP
JL
SR
+4

Design team

8 members · 4 online

Shapes

Round (default) and square via className override

AC
Round
AC
Rounded square
AC
Softer square
AC
Square
AC
Aria
MP
Maya
JL
Jordan
SR
Sam