文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

5K Star大厂微软开源的图标集合,丰富、精致、统一

软件介绍 Fluent UI System Icons 是由 Microsoft 开发的一个开源软件，它提供了一套丰富多样的系统图标，用于在应用程序和网站中使用。...功能特点 1.丰富的系统图标库: Fluent UI System Icons 提供了超过 3000 个不同的系统图标，覆盖了多个应用场景和功能领域，包括常见的文件、设备、工具、人物、通信等等。...4.易于集成和使用: Fluent UI System Icons 可以与各种 Web 和桌面应用程序开发框架无缝集成，例如 React、Vue、Angular 等等。...npm install @fluentui/system-icons 或者 yarn add @fluentui/system-icons 3.在你的代码中引入所需的图标库。...import { AddIcon, DeleteIcon, SaveIcon } from '@fluentui/system-icons'; 4.使用这些图标在你的应用程序或者网站中。

77710

发现一个来自微软的 6K star 开源项目，太赞了！

了不起最近发现一个来自大厂微软的宝藏项目 - Fluent UI System Icons ，汇集了微软设计团队的智慧结晶，旨在为大家提供一套既丰富又精致的图标库，让界面设计变得更加轻松愉快。...项目简介 Fluent UI System Icons 是微软出品的一个图标库，包含了超过3000个图标，覆盖了从日常办公到专业领域的方方面面。...文件中添加依赖： implementation 'com.microsoft.design:fluent-system-icons:1.1.249@aar' iOS 和 macOS 使用 CocoaPods...pod "FluentIcons", "1.1.249" 使用 Carthage 在你的Cartfile中添加： git "git@github.com:microsoft/fluentui-system-icons.git...fluentui_system_icons: ^1.1.249 Plain SVG 如果你想要直接使用SVG格式的图标，可以这样来： # 安装依赖 npm install @fluentui/system-icons

31300
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    开源 UI 组件库：实现高性能界面设计 | 开源专题 No.65

    灵活性：Chart.js 提供了丰富多样的图表类型和配置选项，使用户能够根据自己的需求创建各种定制化的图表。 易用性：使用 Chart.js 可以轻松地在网页中绘制漂亮、交互式的 HTML5 图表。...Microsoft Fluent UI Blazor 组件，用于在 .NET 8 Blazor 项目中使用。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。...主要功能和核心优势包括： 提供简单、直接且灵活地创建具有流畅 UI 设计风格界面 包含 dotnet 模板以及手动安装两种方式来快速开始使用 可扩展性强大，并支持图标和表情符号等额外资源 基于 FAST...以下是该项目的核心优势： 提供了丰富多样的图标库，可以满足各种不同需求。 可以通过简单易用的 API 在网页中快速集成这些图标。 支持自定义颜色、大小等属性，使得图标能够与页面风格完美匹配。

    75710

    开源 UI 组件库和开发工具库概览 | 开源专题 No.59

    ant-design/ant-design[1] Stars: 87.9k License: MIT Ant Design 是一个企业级 UI 设计语言和 React UI 库。...为 Web 应用程序设计的企业级 UI。 提供一套高质量的开箱即用的 React 组件。 使用可预测静态类型编写 TypeScript 代码。 包含完整的设计资源和开发工具包。...microsoft/fluentui[2] Stars: 16.7k License: NOASSERTION Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React 组件和...主要特点： 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能...shadcn-ui/ui[5] Stars: 27.1k License: MIT shadcn/ui 是一个使用 Radix UI 和 Tailwind CSS 构建的精美设计组件库。

    73510

    7 款最棒的开源 React UI 库测评 - 特别针对国内使用场景推荐

    本文推荐 7 款适用于中文使用者习惯的开源 React UI 库，特别针对国内使用场景推荐。...- 字节跳动 UI 组件库开源，大厂逻辑，设计文档完美 Ant Design React - 阿里前端 UI 库，面向企业级中后台 Material-UI - 全球顶级 React 组件库 Google...Material 设计标准 微软 FluentUI - 背靠微软，大型项目首先，代码简洁高效 Element for React - 饿了么出品 Element 的 React 版，适合有使用 Element...扩展阅读：React Router 6 (React路由) 最详细教程 Ant Design of React - 阿里前端 UI 库，面向企业级中后台 [04-antdesign-react] 阿里...微软 FluentUI - 背靠微软，大型项目首先，代码简洁高效 [06-FluentUI] 微软 FluentUI 上手文档 | 微软 FluentUI Github 微软在 2017 年开源了 Fluent

    7.8K40

    Spring 源码阅读：深入探索内部工作机制 | 开源日报 No.180

    /fluentui-blazorhttps://github.com/microsoft/fluentui-blazor Stars: 2.0k License: MIT 这个项目是 Microsoft...Fluent UI Blazor 组件，用于在 .NET 8 Blazor 项目中使用。...它提供了一套 Blazor 组件，用于构建具有 Fluent 设计 (即现代微软应用程序的外观和感觉) 的应用程序。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。...主要功能和核心优势包括： 提供简单、直接且灵活地创建具有流畅 UI 设计风格界面 包含 dotnet 模板以及手动安装两种方式来快速开始使用 可扩展性强大，并支持图标和表情符号等额外资源 基于 FAST

    38110

    Hoppscotch：开源 API 开发工具，快捷实用 | 开源日报 No.77

    该项目具有以下核心优势： 轻量级：采用简约的 UI 设计。 快速：实时发送请求并获得响应。 支持多种 HTTP 方法，如 GET、POST、PUT 等。...该项目维护了几个 npm 软件包： @angular/cdk：帮助开发者使用常见交互模式编写自定义 UI 组件的库。...核心优点： 提供丰富、高质量、符合国际化与无障碍要求、可定制化适配不同需求场景、使用情况良好、行为表现一致、性强强大的 UI 组件； 带有清晰易懂 API 接口并经过充分测试保证稳定性； 代码干净规范且文档完善...； microsoft/fluentui[5] Stars: 16.7k License: NOASSERTION Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React...主要特点： 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能

    1.6K10

    值得推荐的Blazor UI组件库

    前言 　　本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库，提供给广大C#/.NET开发者们学习和使用（注意：排名不分先后，都是十分优秀的开源框架和项目）。...项目特点 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Blazor 组件，可在多种托管方式共享。...项目截图 Microsoft Fluent UI Blazor 使用文档：https://www.fluentui-blazor.net/ GitHub项目地址：https://github.com.../microsoft/fluentui-blazor 项目介绍 Microsoft Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统...提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，最大的减少开发者的时间成本。缩短开发周期提高开发效率。

    1.6K20

    Firefox 144技术亮点：插件提速、DevTools智能化与标签组优化

    修复了阻止与扩展上下文菜单项关联的SVG图标成功加载的回归问题 – 错误 1986618（已在 Firefox 143 中修复，该版本是通过错误 1979338 最初引入此回归的同一Firefox版本）...Alexandre Poirot :ochameau 使 React 避免为非活动/后台标签页中的开发者工具进行更新 (#1897765)。...mozilla.com1986080 – 更新配置文件头像的 aria-label 文本以匹配工具提示文本 – mlucks@mozilla.com搜索和导航adw 继续研究 Google Lens，这是一项允许用户使用上下文菜单搜索图像的功能...这是一个结合了隐私护盾和页面信息图标及对话框的新设计 (1976108)。...使用自动 fluent data-l10n-attrs 填充（在属性定义中设置 fluent: true）的 MozLitElements 现在可以拥有额外的每个实例的 data-l10n-attrs（

    12000

    弃用 Electron，微软重新设计 Microsoft Teams：速度提升 2 倍，内存减少 50%

    运行速度提高了 2 倍，同时使用的内存减少 50%，因此您可以节省时间并更有效地协作。”此外，该公司还重新设计了整体用户体验。 微软在 1 月份的财报中指出，Teams 现在有 2.8 亿月活跃用户。...微软还指出，它已从使用 AngularJS 作为 Teams 的 Web 开发框架转向使用 React 来构建用户界面，并在微软的 Fluent UI/UX 控件上进行了标准化。...“ 2015 年，我们开始开发 Teams 时，选择 Electron 等框架可使跨平台 Web 和桌面客户端的快速交付成为可能，”该公司的公司工程副总裁 Sumi Singh 在今天的博客文章中解释道...认识到这一点后，我们开始分析可用技术、进行基准测试、构建原型并设计了一个在内部称为北极星的新架构。”

    79750

    Win11 的这 19 个新功能，你都用上了吗？

    还有一项新功能会显示您的网络摄像头何时被 Discord、Skype、Teams 等应用程序使用。当摄像头在后台使用时，任务栏系统托盘上的图标会提醒您。...由于平板电脑模式已被移除，现有界面的 UX 正在更新，以便在使用触摸屏时更轻松地处理文件/文件夹。 Microsoft 正在刷新文件夹图标和默认文件类型图标的方向。...回收站图标也已更新。 我们在资源管理器中得到了一些圆角。例如，右键单击（上下文菜单）已更新为圆角和类似 Fluent Design 的阴影效果。...15、新字体 微软正在更新整个系统的默认字体 UI Segoe。作为改造的一部分，您会在设置和控制面板等应用程序中注意到新的 Segoe Fluent 图标。...用于商店和开始菜单的 Segoe MDL2 资产将包括带有圆角和统一外观的新图标设计。

    29.4K30

    Windows 11的这19个新功能，你都知道吗？

    还有一项新功能会显示您的网络摄像头何时被 Discord、Skype、Teams 等应用程序使用。当摄像头在后台使用时，任务栏系统托盘上的图标会提醒您。...由于平板电脑模式已被移除，现有界面的 UX 正在更新，以便在使用触摸屏时更轻松地处理文件/文件夹。 Microsoft 正在刷新文件夹图标和默认文件类型图标的方向。...回收站图标也已更新。 我们在资源管理器中得到了一些圆角。例如，右键单击（上下文菜单）已更新为圆角和类似 Fluent Design 的阴影效果。...15、新字体 微软正在更新整个系统的默认字体 UI Segoe。作为改造的一部分，您会在设置和控制面板等应用程序中注意到新的 Segoe Fluent 图标。...用于商店和开始菜单的 Segoe MDL2 资产将包括带有圆角和统一外观的新图标设计。

    5.4K20

    微软Edge如何用Web Components替换React

    随着越来越多的团队使用 React 来构建 UI，微软内部对 React 的使用随着时间的推移不断增加。因此，该公司最终得到了“一个巨大的捆绑包，每个人都依赖它”，Ritz 说。...“该团队在将 Edge 移植到 Chromium 的过程中，决定，好吧，我们需要添加一些 UI 区别——与 Chrome 不同——因此，在这个过程中，他们进行了这种大规模的 React 转换。”...当您使用 Edge 时，它可以通过点击浏览器栏中的心形图标激活，这会打开一个侧边栏。...– Ritz Ritz 指出，Edge 开发人员可以使用微软自己的 Fluent UI 框架，该框架包含 React 组件和 Web 组件（以及其他类型的组件，例如针对 iOS 和 Android...除了可以使用微软的 Fluent UI 框架之外，Edge 团队还在构建一个软件产品，该产品只需要满足一个浏览器的需求：它自己的浏览器。

    46610
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券