Skottie animation assets
Lottie Player
Place production motion assets in XAML with one focused control.
Explore source ↗Capability
An Avalonia control loads Lottie JSON assets and renders their vector animation through SkiaSharp Skottie inside the normal control tree.
- 01
Lottie JSON assets
- 02
SkiaSharp Skottie renderer
- 03
Native Avalonia layout
- 04
Simple XAML integration
How it composes
From intent
to working system.
Load
The control resolves a packaged Lottie JSON asset.
Parse
Skottie creates the vector animation model and timeline.
Schedule
The control advances time while attached and active.
Render
Skia draws the current animation frame inside Avalonia.
Quick start
Adopt this
capability.
Start with the primary module, then add the related packages only when the application needs those layers. Replace VERSION with the current NuGet version.
dotnet add package Lottie<PackageReference Include="Lottie" Version="VERSION" /><PackageVersion Include="Lottie" Version="VERSION" /><Lottie Path="/Assets/Loading.json" />Modules in this capability
Use one layer.
Compose the rest.
Source of truth
Read the module beside the complete system.
The implementation, samples, issues, and release notes stay in the parent repository so module details remain connected to the product architecture.