A set of standard basic component libraries based on Material design specifications and BlazorComponent interaction capabilities
English| 简体中文
Provide a standard basic component library based on Material design specifications and BlazorComponent's interactive capabilities. Provides preset components for standard scenarios such as layout, frame standard, Loading, and global exception handling. Starting from more practical scenarios, to meet the needs of more users and scenarios, and to minimize the time cost of developers. Shorten the development cycle and improve development efficiency. And provide a set of examples of Web solutions - MASA Blazor Pro has a variety of common scenes and preset layouts and other exciting content.
MASA Blazor is based on the Material design specification, and each component is carefully designed, with modularity, responsiveness and excellent performance. MASA Blazor is regularly maintained and upgraded by a professional full-time technical team, efficient response speed, diversified solutions, long-term support, and enterprise-level support. At present, it has been used in several well-known companies, and the follow-up MASA Stack product series will continue to be used. In addition to ensuring the quality of the project, it can also continue to add new components and functions. In addition to providing developers with many mid- and Taiwan-based open source projects, MASA Stack, one of its most basic components, MASA Blazor, also hopes to be the most practical component library.
Install Template
dotnet new --install Masa.Template
Create Project
dotnet new masabp -o Masa.Test
dotnet new masabp --mode Wasm -o Masa.TestWasm
dotnet new masabp --mode ServerAndWasm -o Masa.TestRcl
Go to the Server project directory
cd Masa.Test
Run
dotnet run
dotnet add package Masa.Blazor
Startup.ConfigureServices
:services.AddMasaBlazor();
wwwroot/index.html
(WebAssembly) or Pages/_Host.cshtml
(Server):<html lang="en">
<head>
<!--Style-->
<link href="_content/Masa.Blazor/css/masa-blazor.min.css" rel="stylesheet">
<!--Font-->
<link href="https://cdn.jsdelivr.net/npm/@("@mdi")/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
</head>
<body>
<!--Script (try to put it at the end of the body)-->
<script src="_content/BlazorComponent/js/blazor-component.js"></script>
</body>
</html>
_Imports.razor
file:@using Masa.Blazor
@using BlazorComponent
Shared/MainLayout.razor
file to make MApp the root element:<MApp>
//Other layout content
</MApp>
See more :https://blazor.masastack.com/
git clone git@github.com:BlazorComponent/Masa.Blazor.git
cd Masa.Blazor/src
git clone git@github.com:BlazorComponent/BlazorComponent.git
cd Doc/Masa.Blazor.Doc.Server
dotnet run
Recommended use chrome or edge to visit http://localhost:5000/
Chrome | Firefox | Safari | Microsoft Edge | |
---|---|---|---|---|
iOS | Supported | Supported | Supported | Supported |
Android | Supported | Supported | N/A | Supported |
Chrome | Firefox | Safari | Opera | Microsoft Edge | Internet Explorer | |
---|---|---|---|---|---|---|
Mac | Supported | Supported | Supported | Supported | N/A | N/A |
Linux | Supported | Supported | N/A | N/A | N/A | N/A |
Windows | Supported | Supported | Not supported | Supported | Supported | Supported, IE11+ |
Due to WebAssembly restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See official documentation
feat:add MButton
Thanks to all the friends who have contributed to this project.
QQ group | WX public account | WX Customer Service |
---|---|---|
![]() |
![]() |
![]() |
The Digital Flash technical team is an efficient, stable and innovative team. The team adheres to the original intention of enriching the Blazor ecosystem, and it is the pursuit of the Digital Flash technical team to continue to work hard to bring a better experience to the developers. Thank you for your support and use.
This project adopts the code of conduct defined in the "Contributors Convention" to clarify the expected behavior of our community. For more information, see MASA Stack Community Code of Conduct.
Copyright (c) 2021-present Masa.Blazor
Sign in to post a comment
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
Activity
Community
Health
Trend
Influence
:Code submit frequency
:React/respond to issue & PR etc.
:Well-balanced team members and collaboration
:Recent popularity of project
:Star counts, download counts etc.
Repository Comments ( 15 )