Majorsoft.Blazor.Components.WASM.AppLoader 2.0.0

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Majorsoft.Blazor.Components.WASM.AppLoader --version 2.0.0
                    


                    

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


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Majorsoft.Blazor.Components.WASM.AppLoader" />
                    


                            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 Majorsoft.Blazor.Components.WASM.AppLoader --version 2.0.0
                    


                    

                
#r "nuget: Majorsoft.Blazor.Components.WASM.AppLoader, 2.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 Majorsoft.Blazor.Components.WASM.AppLoader@2.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=Majorsoft.Blazor.Components.WASM.AppLoader&version=2.0.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Majorsoft.Blazor.Components.WASM.AppLoader&version=2.0.0
                    


                            Install as a Cake Tool

Blazor WASM AppLoader Components

Build Status Package Version NuGet Downloads License

About

Blazor component that can render a customized Loader screen during WASM application loading time (used to could be added to the removed Index.html file). This components work with WebAssembly (WASM). For Server side render there is no loader needed since no Framework and Application donwload and delay. For code examples see usage.

You can try it out by using the demo app loading the application WASM AppLoader used.

Components

  • AppLoader: Renders AppLoader component which is a customizable "Splash" screen. Previously it was used as a part of the Index.html file but now it is a Blazor component that can be used in the MainLayout.razor file. It is rendered during the application loading time and it is hidden when the application is fully loaded.

WASM AppLoader demo

Properties

  • ChildContent: RenderFragment HTML content - Required <br /> This is the content that will be displayed within the loader in the center of the screen.
  • DelayTimeOut: int - Delay time in milliseconds to show the loader <br /> This is the time while the loader is visible. Default is 1500ms.

Configuration

Installation

Majorsoft.Blazor.Components.WASM.AppLoader is available on NuGet.

dotnet add package Majorsoft.Blazor.Components.WASM.AppLoader

Use the --version option to specify a preview version to install.

Usage

Add using statement to your Blazor <component/page>.razor file. Or globally reference it into _Imports.razor file.

@using Majorsoft.Blazor.Components.WASM.AppLoader

AppLoader usage

Following code example shows how to use AppLoader component in your <App>.Client project. In the 'Layout/MainLayout.razor' file add the following code near the @Body tag (no conditions needed for visibility it is automatically handled internally in the component):

    <AppLoader DelayTimeOut="1500">
        @* Customize Splash screen here *@
        <img style="margin: 20px;" src="./blazor.app.png" />
        <h4>MY APPLIVATION <br /> Loading...</h4>
    </AppLoader>

    @Body
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 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. 
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
2.0.0 47 5/19/2026

See Releases here: https://github.com/majorimi/blazor-components/releases