Single user avatar with image, initials fallback, status indicator, and sizing.
Interactive Avatar preview coming soon.
This component ships with CleenUI. Its dedicated Storybook story is still being published — until it lands here, the full Storybook catalog is one click away.
Avatar renders a user's identity. Pass a URL and you get an image avatar; if the image fails to load (or no URL is provided), the component falls back to colored initials computed from the user's name.
An optional status dot in the bottom-right corner shows presence (online, away, busy, offline). The component is fully accessible — name is exposed as the avatar's accessible label.
Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.
Configure a demo environment in about twenty seconds — theme, spacing, the modules you care about, sample data for your industry — then launch the full dashboard in your browser. Nothing to install, no signup.