_settings.LogoTextBlazify
Donate
فارسی English
Docs

Installation & setup

You can install the Blazify library easily.

1 Install the package

Install the free Blazify package from NuGet:

bash 
dotnet add package Blazify
dotnet add package Blazify.Pro  # optional, for PRO components

2 Register the service

Add the Blazify service in Program.cs:

csharp 
builder.Services.AddBlazify(o =>
{
    o.DefaultTheme = BzThemeKind.Light;
    o.Direction    = BzDirection.Rtl;   // Persian / RTL
    o.Font         = BzFont.IranSans;
});

3 Styles & scripts

Reference the stylesheet and scripts in App.razor / your host page:

html 
<link rel="stylesheet" href="_content/Blazify/css/bz.css" />
<script src="_content/Blazify/js/bz-core.js"></script>
<script src="_content/Blazify/js/bz-grid.js"></script>

4 Theme provider

Wrap your app with the theme provider so the theme tokens apply:

razor 
<BzThemeProvider>
    <Router AppAssembly="@typeof(Program).Assembly">
        ...
    </Router>
</BzThemeProvider>

5 Use it

Now use any component freely:

razor 
<BzButton Color="BzColor.Primary">Hello world</BzButton>

That's it! Visit the components page to see everything.

Components