User Avatar Component

Initials Only

With Image

Online Status

Away Status

Busy Status

Offline Status

Dark Theme

Interactive Example

Configure the avatar using the controls below:

Full Name: Avatar Image URL: Status:

Theme Switch