Blazura 0.0.3

There is a newer version of this package available.
See the version list below for details.
dotnet add package Blazura --version 0.0.3
                    
NuGet\Install-Package Blazura -Version 0.0.3
                    
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="Blazura" Version="0.0.3" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Blazura" Version="0.0.3" />
                    
Directory.Packages.props
<PackageReference Include="Blazura" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Blazura --version 0.0.3
                    
#r "nuget: Blazura, 0.0.3"
                    
#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.
#:package Blazura@0.0.3
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Blazura&version=0.0.3
                    
Install as a Cake Addin
#tool nuget:?package=Blazura&version=0.0.3
                    
Install as a Cake Tool

Blazura

Blazura is an early-stage, component-driven UI library for Blazor. It offers a growing set of essential UI components and utilities to help you build web applications quickly and consistently. While customization options are currently limited, future releases will focus on expanding flexibility and theming capabilities.

Build, Test, & Pack

Features

  • Rich Component Library: Includes modals, drawers, snackbars, buttons, input controls, layout utilities, and more.
  • Customizable Styles: Built with SCSS for easy theming and customization.
  • Blazor-First: Designed specifically for Blazor, leveraging its component model and data binding.
  • Optimized Bundling: Integrates with WebOptimizer for efficient asset bundling and minification.
  • Localization: Support for custom localization, allowing you to adapt component text and messages to different languages and cultures.
  • Dark & Light Mode: Supports both dark and light themes out of the box, automatically adapting to user preferences or system settings.

Prerequisites

Before you begin, ensure you have the following installed:

Getting started

Add Blazura to your project

  1. Install the NuGet packages:

    dotnet add package Blazura
    dotnet add package Microsoft.Extensions.FileProviders.Embedded --version 9
    dotnet add package Microsoft.TypeScript.MSBuild
    

    https://www.nuget.org/packages/Blazura/

  2. Enable embedded resources:

    Add the following to your .csproj file to ensure Blazura can find your static assets as embedded resources:

    <PropertyGroup>
      <GenerateEmbeddedFilesManifest>true</GenerateEmbeddedFilesManifest>
    </PropertyGroup>
    
    <ItemGroup>
      <EmbeddedResource Include="**\*.js" />
      <EmbeddedResource Include="**\*.scss" />
      <EmbeddedResource Remove="wwwroot\**\*.js" />
    </ItemGroup>
    
  3. Copy files from this project to yours

    Some files is needed to be copied over to your own project in order to gain access to SCSS variables and other TypeScript functionality.

    Files to copy:

    • Styles/Root.scss
    • Scripts/IClassBringer.ts
    • tsconfig.json

    Also make a new file Scripts/ClassBringer.d.ts and add the following:

    declare class ClassBringer {
      public static register(bringer: new () => IClassBringer): void;
    }
    
  4. Register services

    In Program.cs, add:

    builder.Services.AddBlazuraServices();
    builder.Services.AddBlazuraOptimizer();
    
  5. Start using components

    Import the Blazura namespace in your _Imports.razor:

    @using Blazura.Components
    

    Now you can use Blazura components in your Blazor pages.

  6. Add BundleComplete to your App.razor

    Add the BundleComplete component to your App.razor file to ensure all bundled assets are loaded:

    <head>
        <BundleComplete />
    </head>
    

Contributing

Contributions are welcome! Please open issues or submit pull requests for bug fixes, new features, or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details. However, re-uploading, rebranding, or redistributing this project in a way that obscures or removes original authorship is against the intended use of the license and may result in takedown requests.

Please maintain attribution and do not misrepresent ownership of this software.

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.0.10 90 9/21/2025
0.0.9 122 9/20/2025
0.0.8 205 9/4/2025
0.0.7 207 8/20/2025
0.0.6 190 8/14/2025
0.0.5 186 8/13/2025
0.0.4 181 8/11/2025
0.0.3 225 7/12/2025
0.0.2 251 7/10/2025
0.0.1 325 7/9/2025