MudBlazor
fluentui-blazor
| MudBlazor | fluentui-blazor | |
|---|---|---|
| 48 | 14 | |
| 8,928 | 4,246 | |
| 2.4% | 2.9% | |
| 9.8 | 9.8 | |
| 3 days ago | 4 days ago | |
| C# | C# | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
MudBlazor
-
TeeChart in a MudBlazor web
Taking a quick look at the MudBlazor environment https://mudblazor.com/, we thought it would be interesting to put a TeeChart in there.
-
Building the Same App Using Various Web Frameworks
Now do the same using Blazor Server (C#). For convenience use https://www.fluentui-blazor.net/ or https://mudblazor.com/ for your UI components.
It has it's compromises but it's great for just building stuff, with UI updates streamed to the client, no JS (or as much as you want), no extra API building just for the sake of your SPA. Note that I'm not talking about Blazor WASM.
If you're interested in working as a developer for corporations outside of the SF bubble (e.g. the other 80% that use Windows instead of macOS) it's worth checking out, especially for internal corporate stuff.
- MudBlazor: Streamlined Blazor Components with Material Design for .NET Devs
-
Ask HN: I can't grok front end development
I recently started doing some front-end stuff using C# with Blazor [0]. As UI component library I'm using MudBlazor [1].
I think it's very easy to create a beautiful app this way. You can still use CSS if you want, but don't really need it to start out.
If you want to style an app, just adjust a couple of colors (primary, secondary, surface, background, ...) of the theme and the app looks quite different already. I believe the color scheme is based on Material design, as such, many (shades of) colors will be automatically calculated based on the couple of colors you choose.
Of course you can also change fonts, icon font, etcetera to further customize the app.
The best thing about this approach from my POV is that you don't have to deal with much JavaScript, CSS, HTML ... (though the option is still there when needed).
---
[0]: https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blaz...
[1]: https://mudblazor.com
- MudBlazor 7.0 component library released
-
MudBlazor Identity Components
I don't think that new Identity pages will work with MudBlazor out of the box. Take a look at this GitHub issue: https://github.com/MudBlazor/MudBlazor/issues/7805
-
Use Case Driven Development with Low-Code
The Blazor Server application uses the open source component MudBlazor, which I recommend to C# oriented developers. To keep the application simple, all data is stored in JSON files.
-
Popups and bottom sheets in Blazor
You could use Mudblazor and Codebeam Mud extensions.
- Unit testing a Blazor form with MudBlazor controls using bUnit
-
Can I build single-page apps with core, like react pages without refreshing the site?
Look up some Blazor UI / Component Libraries.Awesome-Blazor lists the more popular ones. The two I recommend are Mudblazor and Havit Blazor because the documentation is built using Blazor and the repos are open source on GitHub.
fluentui-blazor
-
Building the Same App Using Various Web Frameworks
Now do the same using Blazor Server (C#). For convenience use https://www.fluentui-blazor.net/ or https://mudblazor.com/ for your UI components.
It has it's compromises but it's great for just building stuff, with UI updates streamed to the client, no JS (or as much as you want), no extra API building just for the sake of your SPA. Note that I'm not talking about Blazor WASM.
If you're interested in working as a developer for corporations outside of the SF bubble (e.g. the other 80% that use Windows instead of macOS) it's worth checking out, especially for internal corporate stuff.
-
Deconstructing Search Input Box on Fluent UI's Demo Website…
https://github.com/microsoft/fluentui-blazor/tree/dev/examples/Demo/Shared/Shared
- New Version of Fluent UI works great with blazor
-
Best Blazor Components Package (Other than MudBlazor)
Oh wow, thanks for the reference https://github.com/microsoft/fluentui-blazor
-
Blazor 8 is awesome
Have you tried https://www.fluentui-blazor.net/ ? As a backend myself I'm curious to give it a try.
-
ASP.NET Core Blazor
https://github.com/microsoft/fluentui-blazor
- microsoft/fast-blazor 2.0: Blazor component library for FluentUI. Microsoft's official wrapper around the FluentUI Web Components
-
Any Blazor templates?
Microsoft Fluent UI library for Blazor: https://github.com/microsoft/fast-blazor Has templates available as well
-
Blazor makes sense but is it catching on?
This is probably the closest thing to an official component library now: https://github.com/microsoft/fast-blazor
-
Recommendation for Open Source free razor components?
There's also Fast Blazor which uses Fluent design and is maintained by Microsoft (a Blazor wrapper of their fast design webcomponents), but it's relatively quite new so it's likely lacking some components.
What are some alternatives?
Radzen Blazor Components - Radzen Blazor is a set of 70+ free native Blazor UI components packed with DataGrid, Scheduler, Charts and robust theming including Material design and FluentUI.
Blazorise - Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
storybook - Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
ant-design-blazor - 🌈A rich set of enterprise-class UI components based on Ant Design and Blazor.
MudBlazor - Blazor Component Library based on Material design. The goal is to do more with Blazor, utilizing CSS and keeping Javascript to a bare minimum. [Moved to: https://github.com/MudBlazor/MudBlazor]