Blazor Blur Loading Page

I was looking for a cool loading page to with with a Blazor application.

by David Gallivan

Why

I know you can use CSS to replace the stand "Loading..." when you application starts, but I was looking for something more. After building this I relaized it adds a bit of anticapation to the application starting as well.

Getting Started

1. Clone this repository

   git clone https://github.com/CodingWithDavid/BlazorBlurLoadingPage
   cd BlazorBlurLoadingPage

2. Open in Visual Studio or Visual Code a. With Visual Code you will need to install the C# extensions

3. Press F5

What's in the App

I am using the basic Server side Blazor template but the code is the same wither it is Server side or client side.

1. Adding and removing style dynamicly
2. Using a timer
3. Using the Navigation Manager
4. CSS scaling transaction dynamicly

DEMO

Live Demo

Problems or Suggestions

Open an issue here

Thank You

Resources

• VS Code
• Visual Studio
• VS Code Extension Marketplace
• CodePen of Javascript version
• Piggy back on Traversy Media