BlazorPro.Spinkit 1.2.0

A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin https://tobiasahlin.com/spinkit/

Install-Package BlazorPro.Spinkit -Version 1.2.0
dotnet add package BlazorPro.Spinkit --version 1.2.0
<PackageReference Include="BlazorPro.Spinkit" Version="1.2.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorPro.Spinkit --version 1.2.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BlazorPro.Spinkit, 1.2.0"
For F# scripts that support #r syntax, copy this into the source code to reference the package.

BlazorPro Spinkit

A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin

Screenshot of the component in action

Getting Setup

You can install the package via the nuget package manager just search for BlazorPro.Spinkit. You can also install via powershell using the following command.

Install-Package BlazorPro.Spinkit

Or via the dotnet CLI.

dotnet add package BlazorPro.Spinkit

1. Add Imports

Add the following to your _Imports.razor

@using BlazorPro.Spinkit

2. Add a spinner component

Add one of the following components to your index page.

<Chase />
<Circle />
<CircleFade />
<Flow />
<Grid />
<Plane />
<Pulse />
<Swing />
<Wander />
<Wave />
<Bounce />
<Fold />

3. Add reference to style sheet

Add the following line to the head tag of your _Host.cshtml (Blazor Server) or index.html (Blazor WebAssembly).

    <link href="_content/BlazorPro.Spinkit/spinkit.min.css" rel="stylesheet" />

BlazorPro Spinkit

A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin

Screenshot of the component in action

Getting Setup

You can install the package via the nuget package manager just search for BlazorPro.Spinkit. You can also install via powershell using the following command.

Install-Package BlazorPro.Spinkit

Or via the dotnet CLI.

dotnet add package BlazorPro.Spinkit

1. Add Imports

Add the following to your _Imports.razor

@using BlazorPro.Spinkit

2. Add a spinner component

Add one of the following components to your index page.

<Chase />
<Circle />
<CircleFade />
<Flow />
<Grid />
<Plane />
<Pulse />
<Swing />
<Wander />
<Wave />
<Bounce />
<Fold />

3. Add reference to style sheet

Add the following line to the head tag of your _Host.cshtml (Blazor Server) or index.html (Blazor WebAssembly).

    <link href="_content/BlazorPro.Spinkit/spinkit.min.css" rel="stylesheet" />

Release Notes

1.2 Fixed missing Fold enum
1.1 Updated Blazor dependencies to lastest
1.0 Initial Release

NuGet packages (1)

Showing the top 1 NuGet packages that depend on BlazorPro.Spinkit:

Package Downloads
Kraken.Domain
Basis for the core layer of the Kraken Framework

GitHub repositories (2)

Showing the top 2 popular GitHub repositories that depend on BlazorPro.Spinkit:

Repository Stars
isaacrlevin/presencelight
PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb.
CuriousDrive/BookStores
Getting started templates for ASP.NET Core Web API + EF Core back end

Version History

Version Downloads Last updated
1.2.0 37,840 3/20/2020
1.1.0 222 3/20/2020
1.0.0 2,687 1/13/2020