首页 > 其他分享 >微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

时间:2024-06-06 09:32:25浏览次数:26  
标签:项目 C# Fluent UI Blazor NET

前言

今天大姚给大家分享一个由微软官方开源(MIT License)、免费的Blazor UI组件库:Fluent UI Blazor。

Fluent UI Blazor介绍

Fluent UI Blazor是一个基于Blazor的组件库,提供了一系列的UI组件以及Fluent UI的设计系统。该库可以帮助开发人员快速构建现代化的 Web 应用程序,并且与 Blazor 技术相结合,可以实现高效而灵活的单页应用程序开发。

Blazor是什么?

Blazor是一个使用 .NET框架和C#编程语言Razor语法构建Web应用程序的UI框架,它可以用于构建单页应用(SPA)和 Web服务,它使用编译的C#来操纵HTML DOM来替代JavaScript。Blazor 的目标是让开发人员使用C#编程语言来编写 Web 应用程序,使得C#程序员可以在一个熟悉的编程语言中完成整个应用程序的开发。这样既可以提高开发效率,也可以减少学习成本。

项目源代码

图片

部分UI组件截图

在线使用文档:https://www.fluentui-blazor.net

Checkbox

图片

InputFile

图片

Number field

图片

Radio

图片

Date & Time

图片

图片

Button

图片

Dialog

图片

图片

Wizard

图片

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看

标签:项目,C#,Fluent,UI,Blazor,NET
From: https://blog.csdn.net/qq_37237487/article/details/139375118

相关文章

  • 基于CNN卷积神经网络的金融数据预测matlab仿真,带GUI界面,对比BP,RBF,LSTM
    1.程序功能描述基于CNN卷积神经网络的金融数据预测matlab仿真,带GUI界面,对比BP,RBF,LSTM. 2.测试软件版本以及运行结果展示MATLAB2022A版本运行   3.核心程序............................................................functioncnnnumgradcheck(net,x,y......
  • 【语音处理】声音信号频谱分析仪(时域分析 频域分析)【含GUI Matlab源码 4627期】
    ✅博主简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,Matlab项目合作可私信。......
  • 【compshare】(3):使用UCloud(优刻得)的compshare算力平台,新增加SD-webui和大模型镜像,可
    关于UCloud(优刻得)旗下的compshare算力共享平台https://www.ucloud.cn/UCloud(优刻得)是中国知名的中立云计算服务商,科创板上市(股票代码:688158),中国云计算第一股,专注于提供可靠的企业级云服务,包括云服务器、云主机、云数据库、混合云、CDN、人工智能等服务。compshare......
  • npm run build 打包错误
    错误信息:Buildingforproduction...ERRORFailedtocompilewith25errors19:03:12errorjs/app.d3f0cc17.jsfromTerserError:error:0308010C:digitalenveloperoutines::unsupportedatnewHash(node:internal/crypto/hash:71:19)atObject.createHash(no......
  • Vue的viewUI框架安装与使用
    1.安装pycharm进入到项目目录C:\Users\Administrator\PycharmProjects\myvue02>npminstallview-design--save 2.引用在项目的src/main.js中加入如下代码【src/main.js】importVuefrom'vue'importAppfrom'./App.vue'importViewUIfrom'view-design&......
  • “粘土风格”轻松拿捏,基于函数计算部署 ComfyUI实现AI生图
    阿里云函数计算FC 一键部署火爆全球工作流AI生图平台——ComfyUI ,实现更高质量的图像生成,三步轻松完成“黏土”创意AI画作,晒图赢眼部按摩器等好礼!活动地址:https://developer.aliyun.com/topic/june/fc?spm=a2c6h.29234099.J_6985717350.4.65997562KE82EH实验准备目前在......
  • 划分GUI应用的功能
    开发Web应用和桌面应用等需要处理GUI的应用时,经常会遇到设计变更的问题。如果是小规模的程序,从输入的处理到数据的保存,输出,只使用一份代码来实现,几乎不会有什么问题。但是,当规模越来越大,就会有其他开发者和设计师等人参与进来。此时,如果只用一份代码进行管理,当设计师想要稍微......
  • Qt学习第四篇(主窗口和ui的使用)
    QMainWindowQMainWindow是一个为用户提供主窗口程序的类,包含一个菜单栏(menubar)、多个工具栏(toolbars)、多个停靠部件(dockwidgets)、一个状态栏(statusbar)及一个中心部件(centralwidget),是许多应用程序的基础,如文本编辑器,图片编辑器等。菜单栏一个主窗口最多只有一个菜......
  • Element UI上传图片和PDF,支持预览,并支持复制黏贴上传
      背景 如上图,使用ElementUI的el-upload组件,并且预览的时候可以展示图片和PDF格式文件; 做法 index.vue<template><div><el-uploadv-model="diaForm.list":limit="5":on-exceed="handleExceed":on-preview=&q......
  • open-webui 安装过程
    安装文档:https://docs.openwebui.com/getting-started/1、拉取镜像:sudodockerpull ghcr.io/open-webui/open-webui 2、启动docker程序dockerstopopen-webuidockerrmopen-webuisudodockerrun-d--network=host-vopen-webui:/app/backend/data-ehttps_proxy=htt......