BlazorPro.Spinkit 1.2.0

.NET Standard 2.1 This package targets .NET Standard 2.1. The package is compatible with this framework or higher. 
dotnet add package BlazorPro.Spinkit --version 1.2.0                

                    
                

            
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. 
<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 and Polyglot Notebooks. 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 Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  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. 
.NET Core netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.1 is compatible. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (5)

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

Package Downloads
WIG.ComponentsBlazor

Package Description
JAG.JAGRCL2

Test JAGRCL2 Razor Class library - packaged - net9.0
EXCSLA.UI.Blazor.Controls

Services for webassembly and server side blazor apps
VisualDNugget

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
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.
isaacrlevin/presencelight
PresenceLight is a solution to broadcast your various statuses to light bulbs.
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
A cross-platform framework for adding WebRTC support to .NET MAUI, Blazor, and Desktop applications by using a single unified .NET/C# API.
Version Downloads Last updated
1.2.0 388,349 3/20/2020
1.1.1-pre 268 6/2/2021
1.1.0 745 3/20/2020
1.0.0 3,985 1/13/2020

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