BlazorPro.Spinkit 1.2.0

.NET Standard 2.1
NuGet\Install-Package BlazorPro.Spinkit -Version 1.2.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.
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
#r "nuget: BlazorPro.Spinkit, 1.2.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.2.0

// Install BlazorPro.Spinkit as a Cake Tool
#tool nuget:?package=BlazorPro.Spinkit&version=1.2.0

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" />
Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows
.NET Core netcoreapp3.0 netcoreapp3.1
.NET Standard netstandard2.1
MonoAndroid monoandroid
MonoMac monomac
MonoTouch monotouch
Tizen tizen60
Xamarin.iOS xamarinios
Xamarin.Mac xamarinmac
Xamarin.TVOS xamarintvos
Xamarin.WatchOS xamarinwatchos
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (3)

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

Package Downloads
EXCSLA.UI.Blazor.Controls

Services for webassembly and server side blazor apps

WIG.ComponentsBlazor

Package Description

Kraken.Domain

Basis for the core layer of the Kraken Framework

GitHub repositories (4)

Showing the top 4 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/BlazingChat
BlazingChat is a Blazor WebAssembly app developed by CuriousDrive for the community. This is a sample application for developers who are just getting started with Blazor.
CuriousDrive/BookStores
BookStores is a Blazor Server app using ASP.NET Core as back-end service and MSSQL for database. It has code samples for Authentication, Authorization, DataGrid, Database operations....and much. Please follow the intrsuctions to set it up on your machine.
melihercan/WebRTCme
Providing WebRTC functionality to Blazor, Xamarin Forms and MAUI applications with a single common API.
Version Downloads Last updated
1.2.0 169,562 3/20/2020
1.1.1-pre 160 6/2/2021
1.1.0 504 3/20/2020
1.0.0 3,309 1/13/2020

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