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
<PackageReference Include="LoadingIndicators.Avalonia.New" Version="4.0.0" />
<PackageVersion Include="LoadingIndicators.Avalonia.New" Version="4.0.0" />
<PackageReference Include="LoadingIndicators.Avalonia.New" />
paket add LoadingIndicators.Avalonia.New --version 4.0.0
#r "nuget: LoadingIndicators.Avalonia.New, 4.0.0"
#:package LoadingIndicators.Avalonia.New@4.0.0
#addin nuget:?package=LoadingIndicators.Avalonia.New&version=4.0.0
#tool nuget:?package=LoadingIndicators.Avalonia.New&version=4.0.0
LoadingIndicators.Avalonia

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
IsActiveproperty. - 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
Foregroundproperty. - Customisable Stroke: Adjust line thickness for arc-based styles with the
Thicknessproperty. - 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 | Versions 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. |
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.