Display initials, images, and pre-defined avatars.
Add up to three initials or images in a single view using group avatar view.
Customize the avatar’s border, background, and more.
Built-in visual styles in different sizes with shapes such as circles and squares.

.NET 10 support now available

Trusted by the world’s leading companies

WinUI Avatar View

Buy Now

Overview

The AvatarView (profile view) control for .NET WinUI provides a graphical representation of users that can be customized by adding images, background colors, icons, text, and more.

WinUI AvatarView overview

Initials

The WinUI AvatarView control supports both single and double characters in initials. So, users can generate initials based on the text provided.

WinUI AvatarView for initial type single character

Single character

Used to show one character (first character) from the avatar name.

WinUI AvatarView for initial type double character

Double character

Used to show two characters (first and last character for a single word/first character for more than one word) from the avatar name as initials.

Custom image

Set any custom image as the avatar for the user in the WinUI AvatarView control.

WinUI AvatarView with custom image

Avatar character

The WinUI AvatarView control has 25 pre-defined avatar character images to set the avatar for users.

WinUI AvatarView with avatar character

Group view

A group view is one of the most common UIs in any chat application. Almost all chat applications support group chats that require a common group picture to represent the group. The WinUI AvatarView control supports group avatar view.

WinUI AvatarView with group view content

Visual style

The WinUI AvatarView control comes with a predefined style as per design guidelines. Sizing specifications based on style factors such as extra-large, large, medium, small, and extra-small for squares and circles are available.

WinUI AvatarView with square style

Square

WinUI AvatarView supports pre-defined square shaped styles.

WinUI AvatarView with circle style

Circle

WinUI AvatarView supports pre-defined circle shaped styles.

Customization

The WinUI AvatarView control has customization options such as border, background, gradient background, font, and more.

WinUI AvatarView with border customization

Border customization

Users can easily customize the border color and thickness of the control.

WinUI AvatarView with font customization

Font customization

Users can change the font size, font color, and font family of the initials.

WinUI AvatarView with background customization

Background

Users can customize the background of the control.

WinUI AvatarView with gradient background customization

Gradient background

Users can customize the control background with a gradient color.

WinUI AvatarView code example

Easily get started with the WinUI AvatarView control using a few simple lines of XAML and CS code example as demonstrated below. Also explore our WinUI AvatarView Example that shows you how to render and configure the AvatarView control.

xaml
c#
<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:syncfusion="using:Syncfusion.UI.Xaml.Core"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
      <syncfusion:SfAvatarView ContentType="Initials" AvatarName="Glenn McGrath"/>
    </Grid>
</Page>
// Create an instance of the AvatarView control.
SfAvatarView avatarView = new SfAvatarView();

// Add the ContentType value in the control.
avatarView.ContentType = AvatarContentType.Initials;

//Set the AvatarName value.
avatarView.AvatarName = "Glenn McGrath";

DATA VISUALIZATION

GRIDS

CALENDARS

EDITORS

NOTIFICATION

MISCELLANEOUS

NAVIGATION

CONVERSATIONAL UI

AI AssistView

Build Document Workflows in WinUI

Integrate robust document processing libraries into your WinUI applications to create smooth document experiences. Empower users to work with documents seamlessly while developers automate document creation, processing, and management behind the scenes.

.NET PDF Library .NET Word Library .NET Excel Library .NET PowerPoint Library

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

Industry

Software development

75% Cost reduction

50% Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story

Industry

Utilities (oil and gas)