Blazor Open Source Component Library - Ant Design Blazor

Blazor Open Source Component Library - Ant Design Blazor

Following the previous introduction of the Bootstrap-style Blazor UI component library, today I will introduce another Blazor UI component library: an enterprise-level component library based on Ant Design and Blazor.

Last updated 6/21/2020 1:45 PM
沙漠尽头的狼
6 min read
Category
Blazor
Topic
Blazor Component Library
Tags
.NET Blazor Open Source Open Source Blazor

Hello, I am the Wolf at the End of the Desert. Following the introduction of a Blazor UI component library in Bootstrap style last time, today I will introduce another Blazor UI component library: an enterprise-level component library based on Ant Design and Blazor.

Navigation:

    1. About Ant Design Blazor
    1. Community Contributions of Ant Design Blazor
    • 2.1 Project Popularity
    • 2.2 Official Recognition from Ant Design
    • 2.3 Official Recognition from Microsoft
    1. Introduction to Ant Design Blazor UI Library
    1. Future Plans for Ant Design Blazor
    1. Technical Communication for Ant Design Blazor

I. About Ant Design Blazor

Project Name: Ant Design Blazor

Author: James Yeung (Community initiator, currently highly involved in the project with many contributors)

Open Source License: MIT

Project Address: https://github.com/ant-design-blazor/ant-design-blazor

✨ Features

  • Extracted from the interaction language and visual style of enterprise-level middle and back-office products.
  • High-quality Blazor components ready to use out of the box, shareable across multiple hosting methods.
  • Supports client-side UI event interaction based on WebAssembly and server-side UI event interaction based on SignalR.
  • Supports Progressive Web Apps (PWA)
  • Built with C#, a multi-paradigm static language that brings efficient development experience.
  • ⚙️ Based on .NET Standard 2.1, directly referencing the rich .NET class library.
  • Seamless integration with existing http://ASP.NET Core MVC and Razor Pages projects.

About the Open Source License: MIT

Reference Baidu Encyclopedia

Rights of the Licensee

The licensee has the right to use, copy, modify, merge, publish, distribute, sublicense, and sell copies of the software.

The licensee may modify the license terms to appropriate content as needed.

Obligations of the Licensee

The copyright notice and permission notice must be included in all copies or substantial portions of the software.

Other Important Features

This license is not a copyleft free software license, allowing use in free/open source software or proprietary software.

The MIT content can be modified per the copyright holder's discretion. This is also a fundamental difference from BSD (The BSD license, 3-clause BSD license).

The MIT license can coexist with other license terms. Additionally, the MIT license is recognized by the Free Software Foundation (FSF) as a free software license and is compatible with the GPL.

II. Community Contributions of Ant Design Blazor

This library is currently the most well-promoted Blazor UI component library in the domestic community, playing a significant role in promoting Blazor within the community. Dotnet9 started paying attention to Blazor through an article by the library's author: "How to Realize the Ant Design Component Library with Blazor?". Click the original text to learn about the author's journey.

It has been three months since the author's article was published. Some of the author's expectations mentioned in the article can be said to have been achieved as small goals, which are also reflected in the contributions to the community (promoting Blazor):

2.1 Project Popularity

The author published the library on GitHub, with README supporting both Chinese and English. Daily code commits use English, allowing .Neters worldwide to participate. This has led more community members to start paying attention to Ant Design Blazor and the development of Blazor.

Star count at the time of the author's article (March 21, 2020)

Star count three months later (June 20, 2020)

[Update] When the site admin compiled the article, the count reached February 20, 2022, 23:49. After a year and a half, stars increased from 1.3K to 4K. Awesome! Go follow this library now.

2.2 Official Recognition from Ant Design

The author's small hope from the original text:

We will continue our efforts to stay highly consistent with the official version. We hope that one day, while enriching the Blazor ecosystem, we can also become a recognized framework implementation within the Ant Design ecosystem, continuing their Design dream.

Ant Design official frontend implementation link

2.3 Official Recognition from Microsoft

In the Microsoft Build 2020 developer conference's Blazor introduction, Ant Design Pro was mentioned.

A picture is worth a thousand words. Recognition from Microsoft is the greatest reward for the author and the best promotion for the community.

III. Introduction to Ant Design Blazor UI Library Components

Browse Ant Design Blazor UI components at: https://ant-design-blazor.github.io/

The original intention of Ant Design Blazor is to stay as consistent as possible with the Ant Design component library. You can compare it with Ant Design.

Below is only a screenshot introduction of some components. For more components, click the link above:

3.1 Homepage Introduction

The website style is highly consistent with the official Ant Design website, making it easier for friends familiar with Ant Design components to use.

3.2 Component Overview

An overall impression of the components. This is just a part; the rich set of components requires clicking Ant Design Blazor to learn more.

IV. Future Plans for Ant Design Blazor

Currently, component development is basically complete and can be applied to regular project development. The future plans for the component library include:

  • Release version 0.1 at the end of June;
  • Add tests, improve documentation, enterprise-level applications, and feedback;
  • Complete a ready-to-use template (a great goal, leaning towards Ant Design Pro);
  • Add page generation tools, similar to UMI adding blocks, check Ant Design's block introduction.

V. Technical Communication for Ant Design Blazor

  • WeChat group: Add the author's WeChat ID to join the group: JamesYeungMVP
  • DingTalk group

Site Admin Update (February 20, 2022, 23:55)

When the site admin updated the website today, the project has changed significantly. For specifics, please refer to the project repository: https://github.com/ant-design-blazor/ant-design-blazor

Keep Exploring

Related Reading

More Articles
Same category / Same tag 11/6/2024

Why My Blog Website Returned to Blazor

The development of the blog website has gone through many hardships, with nearly 10 versions including MVC, Vue, Go, etc. Now it has returned to Blazor and adopted static SSR, resulting in a significant speed increase and successful launch.

Continue Reading
Same category / Same tag 2/29/2024

Data Display Can Also Be Done Like This in Winform

In the process of developing Winform, data display functionality is often required. Previously, the gridcontrol control was commonly used. Today, through an example, I would like to introduce how to use the table component from Ant Design Blazor for data display in a Winform Blazor Hybrid application.

Continue Reading
Same category / Same tag 2/29/2024

Can the Winform interface also look good?

A few days ago, I introduced using Blazor Hybrid in Winform, and mentioned that with the Blazor UI, our Winform programs can be designed to look better. Next, I will illustrate with an example of drawing in Winform Blazor Hybrid, hoping it helps you.

Continue Reading
Same category / Same tag 1/7/2024

Code Workshop 'Article Title URL Alias Generator' Launched

Code Workshop is a new open-source project by the webmaster that provides web online tools, cross-platform desktop and mobile applications. The webmaster is committed to bringing you a more efficient and convenient experience. Today, the webmaster is proud to launch the 'Article Title URL Alias Generator', helping you easily create URL aliases for article titles, improving SEO and user experience. Come to Code Workshop and explore more practical tools!

Continue Reading