Avalonia UI Controls v24.1 Released

by Avatar Bill Henning (Actipro)
Tuesday, May 7, 2024 at 1:12pm

This version adds several great new controls and makes many updates across the Avalonia UI control product line.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now

Here’s a look at some of the new features.



Settings groups, expanders, and cards used for application settings UI

Most applications contain a window or view where end users can configure settings. Actipro now provides several controls for displaying grouped and optionally expandable card-based editors for settings that are presented in a consistent, easy-to-use way.

  • Consistent Appearance - Cards have a uniform design, and related cards can be grouped together. Each setting card can optionally have an icon, header, description, and content.
  • Card Contents - A setting card's content is generally an editor for the setting. The content may be left blank, and the card itself can be made into a clickable button.
  • Flexible Editors - Each setting card can contain any kind of editor control. Switches, sliders, combo boxes, and text boxes are commonly-used editor controls.
  • Expandable Sections - Some settings have numerous child settings. These indented settings may be hidden under expandable cards that animate the contents when opened.

Application settings have never looked so good!


The new card control presents visually grouped information for a single subject, using optional cover, thumbnail, header, and footer sections.

A profile card with multiple sections

Cards can optionally be actionable as well.

Segmented Bar

The new segmented bar control allows a user to select a single item with support for fluent animations when changing selection.

Several theme variants

It can arrange items horizontally or vertically.

Info Bar

The new info bar control displays essential information to a user without disrupting the user flow.

Various kinds of info bar severities

Messages can display with optional severity, action, and more.

Circular Progressbar

The new circular progressbar control displays a ranged progress value using fluent animations. It is similar to a native linear progressbar, except that it renders the progress in a ring shape and shows the progress text within the ring.

Circular progressbars can be an integral part of a dashboard display

An indeterminate state is supported for scenarios where no specific progress value can yet be determined.

Shared Library

Scrollable Overflow Presenter

The new scrollable overflow presenter control can be oriented horizontally or vertically and displays scroll buttons when its content overflows the available space.

A horizontal scrollable overflow presenter with overflow button displayed

Clicking a scroll button smoothly scrolls the content.


Toggle Switch Affinity

Toggle switches can now optionally arrange the knob/track on the right side of the control instead of the left, which is ideal when used in the new settings-related controls.


The minimum Avalonia UI dependency is updated from v11.0.5 to v11.0.7 and all native control themes should now be consistent with Avalonia UI’s theme updates through v11.0.10.

Avalonia UI Controls v23.1.3 Maintenance Release

by Avatar Bill Henning (Actipro)
Wednesday, February 7, 2024 at 4:56pm

A new Avalonia UI Controls release is now available the adds several great new controls.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now



Avatar controls are used to represent people or objects. They can render a full-size image, a centered glyph, a person's initials, or text.

Empty, initials, and image avatars

When text is provided, initials can automatically be derived. Large text-based content will scale down to try and fit within the circle as needed. A generic "empty" glyph will be displayed when no avatar content is provided.

Solid and soft appearances, showing how different initials derive various color combinations

An avatar is most distinctive when using image-based content, so text-based content can be harder to differentiate. While an avatar's foreground and background can be manually specified, there is built-in logic to automatically select color combinations based on the avatar's content and using either a solid or soft appearance.

Avatar derives from Button and supports the standard button command model and click events.


Use an AvatarGroup to render multiple Avatar controls. Avatars in a group can overlap with each other by a given size percentage, and you can expand the avatars on mouse hover. When the avatars don't fit in the available space, they can overflow to a popup.

An avatar group with an overflow button that when clicked, shows overflowed avatars

Wrap the group in a chromeless button to make an actionable avatar group that executes a task when clicked.


Badges can add contextual information to target elements, or even used on their own. Badges can display small content like text, counts, icons, or can render as a dot.

Various kinds of badges

When a badge adorns an element, it shows and hides using an animated "pop" effect. It can be easily aligned to any anchor position on the target element.


NumericBadge inherits Badge and supports binding to a numeric value, such as a count value. The badge automatically displays when the count increments to a positive number and hides when decrementing to zero.

Badge and NumericBadge adorning elements

The displayed numeric value has overflow support, meaning that a large value can be restricted to only show "99+" for example.


The RingSpinner control renders an animated ring where the two ring segment ends chase each other around the circle.

A couple RingSpinner controls

It is used when some form of processing is occurring to tell the end user that something is happening.

Shared Library


The RingSlice shape renders a portion (or the entire circle) of a ring shape. Its start/end angles, radius, thickness, and other stroke properties can be set.

A circular progress bar

Ring slice shapes can be combined in many interesting ways within UI, primarily used to create progress indicators.

Avalonia UI Controls v23.1.2 Maintenance Release

by Avatar Bill Henning (Actipro)
Monday, December 4, 2023 at 7:10pm

A new Avalonia UI Controls release is now available the adds an exciting new feature named user interface density.  Best of all, this feature is part of Actipro Themes and completely free to use!

See the related announcement post for the detailed list of enhancements and updates.


Spinner Horizontal Buttons

A new theme definition option has been added to support arranging the ButtonSpinner and NumericUpDown buttons horizontally instead of vertically.  A horizontal arrangement uses more space but is more touch-friendly.  Our sample project also shows how this option can be updated for certain user interface densities only, such as Spacious.

User Interface Density Updates

Our previous v23.1.1 release added a new user interface density feature that allowed controls and views to dynamically adjust spacing based on a density setting.  This feature was a real gamechanger and works very well, however it was discovered that the parsing of numeric values in our new XAML markup extensions wasn't always utilizing invariant culture.  Therefore, on some systems with non-English cultures, numbers were parsed incorrectly and spacing was far too large.  This issue has been corrected in this maintenance release.

Trimming and Native AOT (Ahead-of-Time)

Avalonia support native ahead-of-time compilation, which means an app is compiled to native code.  Native AOT apps have faster startup time and smaller memory footprints.  They also attempt to "trim" unused APIs to minimize the app's codebase.

For this maintenance release, we made a number of updates that help support trimming and native AOT.

Avalonia UI Controls v23.1.1 Maintenance Release

by Avatar Bill Henning (Actipro)
Wednesday, November 15, 2023 at 5:38pm

A new Avalonia UI Controls release is now available that adds an exciting new feature named user interface density.  Best of all, this feature is part of Actipro Themes and completely free to use!

See the related announcement post for the detailed list of enhancements and updates.

What is User Interface Density?

User interface density describes how tightly controls are packed together.  A simple setting on an Actipro theme definition sets the application-wide user interface density, which can adjust appearance features such as:

  • Margin
  • Padding
  • Corner radius
  • Width, height, and related minimum and maximums
  • Panel spacing
  • Grid length
  • Other various scalar values

These appearance features can be controlled anywhere in XAML via the use of theme resources and special XAML markup extensions.

UI Density Options

User interface density is a theme definition setting you can set at app startup and even change dynamically at run-time. 

Spacious (left), Normal (center), and Compact (right) UI density options for the same XAML

There are three UI density options:

  • Spacious - Most touch-friendly, and what our first Avalonia UI Controls version used.
  • Normal - A balance between touch-friendly and fitting more controls in available space.  This is the new default.
  • Compact - Intended more for desktop apps that want to maximize the number of controls fit in available space.

The screenshot above shows how the exact same XAML snippet that uses our theme resources and special XAML markup extensions can auto-adjust its appearance based on the current UI density setting.


We think that offering UI density features in a theme is extremely important, and we are excited to see how customers make use of this new capability.  These features allow you to tailor your app's view's to fit your end user's needs and can be adjusted based on the amount of data your app needs to display. 

Give it a try by downloading our samples project and when running the samples app, use the View menu to adjust the user interface density.  You'll see how the entire application adjusts its appearance.


Get Started Buy Pro Now

First Avalonia UI Controls Released

by Avatar Bill Henning (Actipro) - 1 comment
Wednesday, October 18, 2023 at 3:12pm

We are very excited today to share that we’ve officially released our first products for the Avalonia UI framework. And best of all, most of what we released is absolutely free to use!

Avalonia UI is a .NET-based framework that enables developers to create cross-platform applications. It’s very fast and uses a custom rendering engine to ensure consistent appearance and behavior across all supported platforms, including Windows, macOS, Linux, WebAssembly, Android and iOS.

We were drawn to Avalonia because its APIs are largely inspired by WPF, one of our favorite UI frameworks. It uses similar UI control designs, can define structure in XAML, has MVVM support, and makes use of many concepts WPF developers already know. Avalonia is no mere clone of WPF though. The Avalonia team has improved APIs and features over original WPF designs where it makes sense to do so, such as a powerful control theme and style design that uses CSS-like concepts.

Avalonia is taking off in popularity and we can’t wait to see where the team takes it. Now that we’ve laid a solid foundation for future Avalonia UI product growth, our plan is to expand our offerings and create additional advanced UI controls that will be part of our Pro bundle.

Actipro Avalonia UI Free Products

We are making a few of our products free for anyone to use in their Avalonia applications. These products do not require licenses to be purchased.

Actipro Themes ensures that a great consistent visual appearance is applied to all controls within your application, regardless of whether they are Actipro Avalonia UI control products or native Avalonia UI controls.

The Actipro Shared Library is a common control library referenced by all our Actipro Avalonia UI controls. It contains several very useful controls, components, value converters, and utilities that can be used in your projects.

The Actipro Core Library is a class library that is completely UI framework agnostic. It contains numerous helpful utilities and base classes that can be used in your .NET projects.

Actipro Avalonia UI Pro Products

Our Avalonia UI Pro bundle can elevate your applications with advanced controls and our full XAML source for all Actipro and native Avalonia control themes. In addition, the source code for all our Free and Pro products can optionally be purchased.

Pro initially contains our Actipro Fundamentals, which is a collection of advanced controls including beautiful user prompts (MessageBox or task dialog) and a multi-column panel.

We have plans to add many more UI controls to Pro products as we move forward. Pro customers receive free upgrades to any new products and features added to the bundle while their Pro subscription is active.

Getting Started

It’s easy to get started using our Avalonia UI controls.

The Actipro Avalonia UI Controls Sample Browser application

For control and theme samples, simply visit our GitHub repository and follow the Getting Started steps. Clone the repository to get our desktop Sample Browser solution and run it in Visual Studio or Rider.

The Avalonia UI controls have extensive product documentation available online.

Once you’re ready to start using the Avalonia UI controls in your own apps, reference our NuGet packages.

We'd love to hear your feedback about our Avalonia UI controls and which advanced controls you'd most like to see in the future.  Please comment below or write us via our support ticket system.  Happy coding!

Get Started Buy Pro Now