BulmaRazor Component

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

---

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

Screenshots

Agreement

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

• Bulma
• Blazor

References

• foundation-datepicker
• jscolor
• bulma-checkradio
• bulma-collapsible
• bulma-badge
• bulma-divider
• bulma-pageloader
• bulma-quickview
• bulma-carousel
• bulma-ribbon
• bulma-switch
• bulma-timeline
• bulma-slider
• bulma-tooltip
• bulma-o-steps
• bulma-tagsinput