BlazorPro.Spinkit 1.1.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/

There is a newer version of this package available.
See the version list below for details.
Install-Package BlazorPro.Spinkit -Version 1.1.0
dotnet add package BlazorPro.Spinkit --version 1.1.0
<PackageReference Include="BlazorPro.Spinkit" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorPro.Spinkit --version 1.1.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BlazorPro.Spinkit, 1.1.0"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install BlazorPro.Spinkit as a Cake Addin
#addin nuget:?package=BlazorPro.Spinkit&version=1.1.0

// Install BlazorPro.Spinkit as a Cake Tool
#tool nuget:?package=BlazorPro.Spinkit&version=1.1.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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.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 (3)

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

Repository Stars
isaacrlevin/presencelight
PresenceLight is a solution to broadcast your various statuses to light bulbs.
CuriousDrive/BookStores
Getting started templates for ASP.NET Core Web API + EF Core back end
CuriousDrive/BlazingChat
This is a Blazor WebAssembly Chat App.

Version History

Version Downloads Last updated
1.2.0 46,797 3/20/2020
1.1.0 257 3/20/2020
1.0.0 2,765 1/13/2020