Top 10 nice free Blazor components

Alexandre Malavasi
4 min readNov 18, 2020

--

I’ve been watching, testing, using and verifying open-source projects related to Blazor over the last three years and I compiled a list in this post of the ones I recommend you to take a look regarding UI components and other functionalities.

Note: The order of this list does not represent my opinion about which one is the best comparison to the others. It is just a random order. And of course there are many other nice frameworks. If you know some extra that you are using, please let me know and I can create a new post with updates.

1. Radzen

Radzen is a group of more than 60 Blazor components that facilitates the development of Dashboards, Intranet, and applications with similar purposes.

Link: https://blazor.radzen.com/

That is one of my favorite ones, as the framework covers all the most commons situations and standard systems. The repository on Github has constant updates as well, indicating the updates and improvements are constant as well.

2. Blazorise

Blazorise is a open-source project that has great potential to expand. I’ve seen great improvements and progress on it since I start watching it and I do recommend it as it has options to Bootstrap, Material and much more.

Link: https://blazorise.com/

3. Ant Design Blazor

I like the way the components are structured in general in UI framework and it has a really good reputation on Github, being largely used by the Blazor community. They are doing a great work updating constantly to the latest version of .NET.

Link: https://ant-design-blazor.github.io/en-US/

I would like to highlight the chart components which don’t have an intrusive way to associate data sources in general. The components are well structured.

4. MatBlazor

This UI framework has been constantly updated and is based on Material.

Link: https://www.matblazor.com/

5. BlazorStrap

As the name suggests, the one is a UI framework for Blazor focused on Bootstrap. Despite there are many options to Bootstrap nowadays, it still being extremely important and used in the market. So, I recommend you to take a look at it.

Link: https://blazorstrap.io/

6. PanoramicData.Blazor

This one can be used combined with one of the others as it does not have a complete list of standard components. However, it has a really nice components for File Explorer and other cool features that could be used for many purposes. Have a look:

Link: https://panoramicdata.github.io/

7. MudBlazor

This seems to be more simple than the other ones mentioned so far, but I think it deserves to be checked as well:

Link: https://mudblazor.com/

8. Element Blazor

I’ve used Element UI library for Vue JS already and they created a correspondent for Blazor. The project is kept by the Chinese community and I think it is worth to take a look:

Link: https://github.com/Element-Blazor/Element-Blazor

9. Skclusive.Material.Component

One more option for Material UI and the quality is quite good too:

Link: https://github.com/skclusive/Skclusive.Material.Component

10. Blazored

This has been a really useful project that contains many cool features, such as the possibility of interacting with LocalStorage and much more, being beyond to only UI components.

Link: https://github.com/Blazored

Conclusion

Thank you for reading this article. In case you would like to learn more about Blazor, get information on the link below:

If you have any suggestions or questions, feel free to reach out on one of my social media profiles:

Twitter: https://twitter.com/alemalavasi
Linkedin: https://www.linkedin.com/in/alexandremalavasi/
Youtube: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA
Facebook: https://www.facebook.com/alexandre.malavasi.dev

My Book

I’m glad to announce that I have my first book published. It is a deep dive hands-on through the most common Design Patterns used in .NET applications. The book contains hundreds of code samples and explanations based on real-world scenarios. It also has many examples on Object-Oriented Programming, SOLID principles and all the path to get yourself familiar with .NET 5 and C#. Check it out:

--

--

Alexandre Malavasi

Microsoft MVP | MCP | MCTS | MCPD | ITIL | .NET | MBA | MTAC | Technical Leader | Consultant | .NET Developer