Awesome

<h1 align="center">BulmaRazor Component</h1> <div align="center"> <h2>A set of lightweight component libraries based on Bulma and Blazor.</h2>

</div>

<span>English</span> | <a href="README.zh-CN.md">中文</a>

Features

Lightweight UI designed for web applications.
A set of high-quality Blazor components out of the box.
Supports WebAssembly-based client-side and SignalR-based server-side UI event interaction.
Supports Progressive Web Applications (PWA).
Build with C#, a multi-paradigm static language for an efficient development experience.
.NET5 based, with direct reference to the rich .NET ecosystem.
Seamless integration with existing ASP.NET Core MVC and Razor Pages projects.

Installation Guide

Install the Nuget package reference

Install-Package BulmaRazor

Usage

Add BulmaRazor Service
```
services.AddBulmaRazor();
```

Add Style and Scripts in _Host.cshtml or index.html

<!--bulma.min.css can replace with customer bulma css-->
<link href="_content/BulmaRazor/bulma.min.css" rel="stylesheet"/>
<link href="_content/BulmaRazor/bulmarazor.min.css" rel="stylesheet" />
<script src="_content/BulmaRazor/bulmarazor.min.js"></script>

Import the Namespace in _Imports.razor
```
@using BulmaRazor.Components
```

Get started

<Button Color="Color.Primary">Click</Button>

Demo

Screenshots

Agreement

Contribution

Fork
Create Feat_xxx branch
Commit
Create Pull Request

Donate

If this project is helpful to you, please scan the QR code below for a cup of coffee.

Resources

Bulma
Blazor