BlazorStyled 3.1.0

.NET 5.0
dotnet add package BlazorStyled --version 3.1.0
NuGet\Install-Package BlazorStyled -Version 3.1.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="BlazorStyled" Version="3.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorStyled --version 3.1.0
#r "nuget: BlazorStyled, 3.1.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 BlazorStyled as a Cake Addin
#addin nuget:?package=BlazorStyled&version=3.1.0

// Install BlazorStyled as a Cake Tool
#tool nuget:?package=BlazorStyled&version=3.1.0

CSS in Blazor Components

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 net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.0-windows
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (7)

Showing the top 5 NuGet packages that depend on BlazorStyled:

Package Downloads

A collection of components to make building a Blazor project simpler. This project consists of an ImageButton, ProgressBar, Sprite, Validation component, and ComboBox, and a grid. The Grid is working, but very new. Examples coming soon, but I have to get paying work done first. The CSS file DataJuggler.Blazor.Components.css contains many useful classes to help style and position objects. This version is for .Net 7.0. Update 12.1.2022: The Grid and the ValidationComponent both support double click to edit in place. The ReceieveData method receives messages for EnterPressed and EscapePressed. A live demo is available at And the code for Blazor Excelerate is here: This project uses a really awesome project called BlazorStyled by Chanen Braunstein (I think I spelled that right), which makes it simple to dynamically alter CSS values using Blazor. .NET 7.0 is the only supported version going forward. New to version 1.3 is a new really cool progress bar that uses all CSS by by Andre Firchow, and his blog is here:


Razor Code Display Component


A powerful toolkit for building websites with beautiful design


CSS Grid blazor component which make it very easy to make a grid layout for your web application. * Can define GridContainers with columns, rows, column spans, column rows, etc. to define clean layout. * Can make any GridItem scrollable by a single property


A simple layout component for blazor that is based on Stack from FluentUI:

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
3.1.0 19,552 11/17/2020
3.1.0-rc1 806 11/16/2020
3.0.1-alpha-01 1,430 6/19/2020
3.0.0 13,523 6/7/2020
3.0.0-alpha-07 961 5/17/2020
3.0.0-alpha-06 356 5/17/2020
3.0.0-alpha-05 1,206 4/22/2020
3.0.0-alpha-04 260 4/19/2020
3.0.0-alpha-03 311 4/14/2020
3.0.0-alpha-02 515 4/11/2020
2.5.0-alpha-01 391 4/7/2020
2.2.0 5,031 3/15/2020
2.1.0 3,066 3/11/2020
2.0.1 664 3/10/2020
2.0.0 633 3/9/2020
1.2.0 1,968 2/2/2020
1.1.0 8,689 12/8/2019
1.0.0 1,835 9/23/2019
1.0.0-rc1-01 299 9/17/2019
1.0.0-preview9-01 308 9/4/2019
1.0.0-preview8-05 234 9/3/2019
1.0.0-preview8-04 277 8/19/2019
1.0.0-preview8-03 250 8/15/2019
1.0.0-preview8-02 317 8/15/2019
1.0.0-preview8-01 306 8/14/2019
1.0.0-preview7-05 286 8/6/2019
1.0.0-preview7-04 258 8/4/2019
1.0.0-preview7-03 303 7/29/2019
1.0.0-preview7-01 258 7/24/2019
1.0.0-preview6-09 239 7/21/2019
1.0.0-preview6-08 240 7/19/2019
1.0.0-preview6-07 247 7/17/2019
1.0.0-preview6-06 290 7/11/2019
1.0.0-preview6-05 240 7/6/2019
1.0.0-preview6-04 321 7/2/2019
1.0.0-preview6-03 252 6/25/2019
1.0.0-preview6-02 296 6/14/2019
1.0.0-preview4-01 421 5/28/2019
1.0.0-preview4 384 5/28/2019