Avalonia Animation Toolkit

Lottie for Avalonia

Lottie for Avalonia bundles a production-ready Lottie player plus reusable animation building blocks for custom timelines, composition-backed Skia rendering, and shader-driven effects.

Start Getting Started Explore Packages Browse API
Lottie for Avalonia banner

Start Here

Installation

Choose the right NuGet package, confirm Avalonia + Skia prerequisites, and wire the controls into your app.

 Quickstart: Lottie

Load a JSON animation, bind playback controls, and seek through the timeline from XAML.

 Rendering Stack

See how AnimationControl, CompositionAnimatedControl, Lottie, and ShaderAnimatedControl fit together.

 Samples

Map each sample project to concrete playback, rendering, and effect scenarios in this repository.

Packages

Lottie

The end-user control for playing Skottie/Lottie JSON assets with seek, repeat-count, playback-rate, and duration tracking.

 AnimationControl

A minimal RequestAnimationFrame-style base class for custom animations rendered through Avalonia drawing primitives.

 CompositionAnimatedControl

A composition-backed Skia control with update, redraw, seek, and repeat semantics for custom animated visuals.

 ShaderAnimatedControl

A shader host that loads SKSL, raises a draw callback, and lets you bind time- and size-based uniforms on each frame.

Documentation Sections

Getting Started

Package installation, the first Lottie control, and the repository assumptions behind the runtime.

 Concepts

Understand the rendering layers, playback model, redraw flow, and where composition enters the picture.

 Packages

Package-by-package guidance for the four NuGet artifacts shipped from this repository.

 Guides

Practical recipes for asset loading, playback control, shader uniform binding, and troubleshooting.

 Reference

Package maps, API coverage, sample-project inventory, docs pipeline details, and licensing.

Repository