LoadingIndicators.Avalonia.New 4.0.0

dotnet add package LoadingIndicators.Avalonia.New --version 4.0.0
                    
NuGet\Install-Package LoadingIndicators.Avalonia.New -Version 4.0.0
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="LoadingIndicators.Avalonia.New" Version="4.0.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="LoadingIndicators.Avalonia.New" Version="4.0.0" />
                    
Directory.Packages.props
<PackageReference Include="LoadingIndicators.Avalonia.New" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add LoadingIndicators.Avalonia.New --version 4.0.0
                    
#r "nuget: LoadingIndicators.Avalonia.New, 4.0.0"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package LoadingIndicators.Avalonia.New@4.0.0
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=LoadingIndicators.Avalonia.New&version=4.0.0
                    
Install as a Cake Addin
#tool nuget:?package=LoadingIndicators.Avalonia.New&version=4.0.0
                    
Install as a Cake Tool

LoadingIndicators.Avalonia icon LoadingIndicators.Avalonia

NuGet Version NuGet Downloads

Demo

Online demo

LoadingIndicators.Avalonia is an adaptation for Avalonia of the LoadingIndicators.WPF collection of animated loading indicators. It provides 20 ready-to-use animated spinner styles as a single LoadingIndicator control.

Installation

dotnet add package LoadingIndicators.Avalonia.New

Requirements: .NET Standard 2.0 or later (Avalonia 11.x), or .NET 8.0 or later (Avalonia 12.x+).

Key Features

  • 20 Built-in Animation Styles: Choose from Arc, ArcEase, ArcGrow, Arcs, ArcsRing, Bounce, Plane, Pulse, Circle, Flow, Wave, Chase, CircleFade, Swing, Grid, Fold, Wander, DualRing, Ripple, and Spinner.
  • Easy Activation: Toggle the indicator on and off with the IsActive property.
  • Adjustable Speed: Control animation speed independently of other UI elements via SpeedRatio.
  • Theme-Aware Color: Animation color defaults to the application's Fluent accent color automatically; override per-instance with the Foreground property.
  • Customisable Stroke: Adjust line thickness for arc-based styles with the Thickness property.
  • Cross-Platform: Runs on all platforms supported by Avalonia (Windows, macOS, Linux, Browser, Mobile).
  • Compiled Bindings: Uses Avalonia compiled bindings by default for improved performance.

Getting Started

Setup

Add the styles to App.axaml so all LoadingIndicator controls in your application can resolve their themes:

<Application.Styles>
    <FluentTheme />
    <StyleInclude Source="avares://LoadingIndicators.Avalonia/LoadingIndicators.axaml" />
</Application.Styles>

Basic Usage

Place a LoadingIndicator in any view and bind IsActive to your view-model's busy flag:

<LoadingIndicator IsActive="{Binding IsBusy}" Mode="Arcs" />

Optionally adjust speed, thickness, or override the color:

<LoadingIndicator IsActive="{Binding IsBusy}" Mode="Arc" SpeedRatio="1.0" Thickness="6" />
<LoadingIndicator Mode="ArcGrow" Foreground="CornflowerBlue" />

LoadingIndicator Properties

Property Type Default Description
IsActive bool true Shows or hides the animation
Mode LoadingIndicatorMode Arc Selects the animation style
SpeedRatio double 1.0 Multiplier for the animation speed (1.0 = normal speed)
Thickness double 4 Stroke thickness used by arc-based animation styles
Foreground IBrush accent color Animation color; defaults to the FluentTheme accent color

Available Modes

Mode Description
Arc A single 270° arc that spins continuously
ArcEase A short quarter-arc spinning around a faint full-circle track with cubic ease-in-out easing
ArcGrow Two concentric arcs where the outer rotates fully and the inner oscillates, varying the gap
Arcs Two concentric arcs counter-rotating at different speeds
ArcsRing Short arc segments arranged in a ring that flash bright in sequence with staggered delays
Bounce Two overlapping circles that alternately grow and shrink with a half-cycle offset
Plane A rectangle that alternately collapses vertically then horizontally, simulating a plane flip
Pulse A filled circle that expands from nothing while fading out, creating a soft pulse effect
Circle Small dots arranged in a circle that pulse in and out in sequence
Flow Three dots that sequentially pop in and out with staggered delays
Wave Five vertical bars that scale up and down in a rolling wave pattern
Chase Six dots orbit in a ring while shrinking and growing in a staggered chase pattern
CircleFade Twelve dots arranged in a ring that fade in sequence around the circle
Swing Two opposite dots rotate around the center while growing and shrinking out of phase
Grid Nine squares collapse and restore in a diagonal wave across a 3x3 grid
Fold Four square faces fold in sequence around a central diamond silhouette
Wander Two squares wander around a square path while rotating and shrinking at alternating corners
DualRing Two opposing ring segments rotate continuously around the center
Ripple Two stroked rings expand from the center in a half-cycle stagger while fading away
Spinner Twelve radial bars form a rotating spinner with a linear trailing fade gradient

Dependencies

Product Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 was computed.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
.NET Core netcoreapp2.0 was computed.  netcoreapp2.1 was computed.  netcoreapp2.2 was computed.  netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.0 is compatible.  netstandard2.1 was computed. 
.NET Framework net461 was computed.  net462 was computed.  net463 was computed.  net47 was computed.  net471 was computed.  net472 was computed.  net48 was computed.  net481 was computed. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen40 was computed.  tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
4.0.0 78 5/26/2026
3.0.1 129 4/9/2026
2.0.8 248 2/18/2026
2.0.7 103 2/18/2026
2.0.6 110 2/18/2026