/bulmarazor

BulmaRazor is a component library built on top of Bulma and Blazor.

Primary LanguageHTMLMIT LicenseMIT

BulmaRazor Component

A set of lightweight component libraries based on Bulma and Blazor.

Nuget Nuget Github Repo Size Commit Date


English | 中文


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

website

Screenshots

Log in to view

Log in to view

Log in to view

Log in to view

Log in to view

Log in to view

Log in to view

Agreement

Gitee license

Contribution

  1. Fork
  2. Create Feat_xxx branch
  3. Commit
  4. Create Pull Request

Donate

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

Resources

References