Syncfusion® Blazor Spinner Component

The Syncfusion® Blazor Spinner Component displays loading states for long-running operations with lightweight circular progress indicators. Ideal for enhancing user experience when task progress information is unavailable.

Key Features

• Circular Progress Indicators – Animated loading spinners for visual feedback
• Multiple Animation Styles – Diverse spinner styles to match your design
• Customizable Appearance – Control size, color, and animation speed
• Theme Support – Bootstrap, Material, Fabric, and custom themes
• Responsive Design – Adapts seamlessly to all screen sizes
• Accessibility – ARIA-compliant for accessible applications

Supported Platforms

• .NET 8.0 or later (Blazor Web App, Blazor Server, Blazor WebAssembly and Blazor Hybrid)
• See full requirements: System Requirements

Installation

.NET CLI

dotnet add package Syncfusion.Blazor.Spinner

NuGet Package Manager

Install-Package Syncfusion.Blazor.Spinner

Add Stylesheet and Script References

• For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor.
• For Blazor WebAssembly App: add these to wwwroot/index.html.

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Quick Start

1. Register the Syncfusion® Blazor services in Program.cs:

using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();

2. Add the Blazor Spinner component in a Razor page:

<SfSpinner Visible="true"></SfSpinner>

Documentation

• Getting Started with Blazor Web App
• Getting Started with Blazor WASM App
• Feature Overview
• Live Demos
• API Reference

Support

• Support portal
• Community forums
• Feature requests

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.

• Purchase License
• Start a 30-day free trial

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET