Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maurosoft1973/blazorspinner

A beatiful loading spinner with overlay for Blazor apps
https://github.com/maurosoft1973/blazorspinner

blazor blazor-components loader spinner spinner-components

Last synced: about 2 months ago
JSON representation

A beatiful loading spinner with overlay for Blazor apps

Host: GitHub
URL: https://github.com/maurosoft1973/blazorspinner
Owner: maurosoft1973
License: mit
Created: 2024-11-23T16:01:45.000Z (about 2 months ago)
Default Branch: main
Last Pushed: 2024-11-24T07:26:34.000Z (about 2 months ago)
Last Synced: 2024-11-24T08:23:43.564Z (about 2 months ago)
Topics: blazor, blazor-components, loader, spinner, spinner-components
Language: CSS
Homepage:
Size: 53.7 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README-NUGET.md
- License: LICENSE.md

Awesome Lists containing this project

README

# Blazor Spinner

Blazor Spinner is a beautiful loading spinner that can be included in your Blazor applications.

![Blazor Spinner Preview](https://camo.githubusercontent.com/c96e5192f3a99924fdff04b388f140b7234dbde38d71d28a7577a235c4a0e512/68747470733a2f2f7331312e67696679752e636f6d2f696d616765732f537965374c2e676966)

![Blazor Spinner Preview](https://camo.githubusercontent.com/5db643536721a0e8bc63992e6e0dfaf2950c8cffb0caa93bcbf98d1253630bf0/68747470733a2f2f7331312e67696679752e636f6d2f696d616765732f53796537442e676966)

[Live Demo](https://demoblazorspinnertailwind-eqcza4a6gve7dscx.italynorth-01.azurewebsites.net/)

### Features

- High level of customisation;
- Over 80 loaders;
- Pure Css;
- 3 modes of operation: alone, within an element, page;
- Independent of the css framework used (Bootstrap or Tailwind)

### Usage (Bootstrap Framework)

1. Install the library from Nuget: https://www.nuget.org/packages/Maurosoft.Blazor.Components.Spinner/
2. Add ```@using Maurosoft.Blazor.Components``` in your _Imports.razor
4. Add ```builder.Services.AddBlazorSpinnerServices();``` in your Program.cs file
4. Add `````` to your page file
5. On page you want to call the spinner from, inject the SpinnerService into it: ```@inject SpinnerService _spinnerService```
6. Call ```_spinnerService.Show()``` and ```_spinnerService.Hide()``` to "Show" or "Hide" the spinner.

### Usage (Tailwind Framework)

1. Install the library from Nuget: https://www.nuget.org/packages/Maurosoft.Blazor.Components.Spinner/
2. Add ```@using Maurosoft.Blazor.Components``` in your _Imports.razor
3. Add ```builder.Services.AddBlazorTailwindCoreServices();``` in your Program.cs file
4. Add ```builder.Services.AddBlazorSpinnerServices();``` in your Program.cs file
4. Add `````` to your page file
5. On page you want to call the spinner from, inject the SpinnerService into it: ```@inject SpinnerService _spinnerService```
6. Call ```_spinnerService.Show()``` or ```_spinnerService.Hide()``` to "Show" or "Hide" the spinner.

### Requirements
- **.NET 8.0** or **.NET 9.0**

### Contributing
Contributions, bug reports, and feature requests are welcome! To contribute:
1. Fork the repository.
2. Create a new branch for your changes.
3. Submit a pull request for review.

### License
Distributed under the MIT License. See the [LICENSE](LICENSE) file for more details.