Blazor.Lottie.Player 1.0.6

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Blazor.Lottie.Player --version 1.0.6
                    


                    

                
NuGet\Install-Package Blazor.Lottie.Player -Version 1.0.6
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="Blazor.Lottie.Player" Version="1.0.6" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Blazor.Lottie.Player" Version="1.0.6" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Blazor.Lottie.Player" />
                    


                            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 Blazor.Lottie.Player --version 1.0.6
                    


                    

                
#r "nuget: Blazor.Lottie.Player, 1.0.6"
#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 Blazor.Lottie.Player@1.0.6
#: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=Blazor.Lottie.Player&version=1.0.6
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Blazor.Lottie.Player&version=1.0.6
                    


                            Install as a Cake Tool

Sponsor

Blazor Lottie Player

Blazor Lottie Player makes it easy to integrate high-quality Lottie animations into your Blazor applications.

🚀 Getting Started

1. Install the NuGet Package

Add Blazor.Lottie.Player to your project via NuGet.

2. Choose How to Use the Component

There are two ways to use Blazor Lottie Player:

a. Using the Built-in Component
  • Add @using Blazor.Lottie.Player to your _Imports.razor file.
  • Use the <LottiePlayer> component in your Razor files, setting the Src parameter to your Lottie animation JSON file.
  • The player will size itself to fill its parent container. Use CSS to control its width and height as needed.
b. Using the Module Programmatically (Advanced)

  • Add @using Blazor.Lottie.Player to your _Imports.razor file.

  • Include the Lottie Web library (The LottiePlayer component loads it from the below CDN):

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.13.0/lottie.min.js"></script>

  • Instantiate and use the LottiePlayer class in your code-behind or component logic:

    var player = new LottiePlayerModule(IJSRuntime, ElementReference);
await player.InitializeAsync(LottiePlaybackOptions);
// Optional Commands
await player.PlayAsync();
await player.PauseAsync();
await player.StopAsync();
await player.GoToAndPlay(double frame, true);
await player.GoToAndStop(double frame, true);
await player.SetSpeedAsync(double speed, true);
await player.SetDirectionAsync(LottieDirection.Forward);
// Subscribe to Events
player.OnAnimationLoaded += (args) => { /* Handle Animation Loaded */ };
player.OnDOMLoaded += (args) => { /* Handle DOM Loaded */ };
player.OnAnimationComplete += () => { /* Handle Animation Complete */ };
player.OnEnterFrame += (args) => { /* Handle Enter Frame */ };
player.OnComplete += () => { /* Handle Complete */ };
player.OnLoopComplete += () => { /* Handle Loop Complete */ };

3. Read the Docs

Visit the Blazor Lottie Player documentation for detailed usage instructions, examples, and API reference.

4. Get Help, Support, or Contribute

If you need help, want to report an issue, or would like to support or contribute to the project, please visit the GitHub repository for more information.

Product Compatible and additional computed target framework versions.
.NET 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 is compatible.  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. 
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
1.0.6 42 8/2/2025
1.0.5 43 8/1/2025
1.0.4 73 8/1/2025