An avatar is a graphical representation of a user or character, typically displayed as a small image or icon. Avatars are used to personalize user experiences by visually representing individuals.

Base Components


An avatar is a graphical representation of a user or character.

When should you use them?

Use avatars in user profiles, messaging systems, comment sections, and anywhere users need to be visually identified. They help create a more personal and engaging user experience.

Best practices when using Avatars
  • Ensure that avatars are clearly recognizable and of high quality.
  • Provide default avatars for users who do not upload their own.
  • Allow users to easily upload and update their avatars.
  • Maintain consistent avatar sizes across the application.
  • Make sure avatars are responsive and adapt well to different screen sizes.

No previous post
Up next

No next post