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

picture

ant-design/ant-design

Stars: 87.9k License: MIT

picture

Ant Design 是一个企业级 UI 设计语言和 React UI 库。

  • 为 Web 应用程序设计的企业级 UI。
  • 提供一套高质量的开箱即用的 React 组件。
  • 使用可预测静态类型编写 TypeScript 代码。
  • 包含完整的设计资源和开发工具包。
  • 支持数十种语言国际化支持
  • 基于 CSS-in-JS 实现强大主题定制功能。

microsoft/fluentui

Stars: 16.7k License: NOASSERTION

Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React 组件和 Web 组件集合。

主要特点:

  • 提供了一套全新、面向未来并富有前瞻性的 React 组件
  • 支持渐进式迁移至最新版 (FluentUI V9)
  • 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能

vuetifyjs/vuetify

Stars: 38.1k License: MIT

picture

Vuetify 是一个无需设计技能的 UI 库,具有精美手工制作的 Vue 组件。它具有以下核心优势和主要功能:

  • 可定制性:使用 SASS/SCSS 进行广泛自定义,并提供默认配置和蓝图。
  • 响应式布局:Vuetify 组件的默认配置是响应式的,可以适应不同屏幕尺寸。
  • 主题系统:强大的颜色系统使得轻松为您的应用程序设置一致且漂亮的风格。
  • Vite 支持:通过自动摇树算法实现更小体积打包
  • 长期支持 (18 个月) 重大版本更新
  • 国际化:支持 42+ 种语言

此外,该项目还提供了企业级支持、Discord 社区交流平台以及其他相关资源和软件包。

penpot/penpot

Stars: 23.8k License: MPL-2.0

picture

Penpot 是第一个面向跨领域团队的开源设计和原型平台。它不依赖于操作系统,基于 Web,并使用开放标准 (SVG)。

  • 为跨领域团队而生:专注于设计和代码团队,提供无需频繁交接工作的愉快体验。
  • 多平台支持:基于 Web,在任何现代浏览器中运行,不受操作系统或本地安装限制。
  • 开放标准:与大多数矢量工具兼容,并易用性极高。

shadcn-ui/ui

Stars: 27.1k License: MIT

picture

shadcn/ui 是一个使用 Radix UI 和 Tailwind CSS 构建的精美设计组件库。这个开源项目提供了一系列易于访问和可定制的组件,您可以直接复制并粘贴到自己的应用程序中使用。

以下是 shadcn/ui 的核心优势和关键特性:

  • 易于访问:所有组件都经过良好设计,以确保无障碍性,并为残疾人士提供友好体验。
  • 可定制化:每个组件都可以根据需求进行灵活调整和修改,使其适应不同风格或品牌要求。
  • 组件文档详尽:通过查看完善而清晰明了的文档,您将轻松掌握如何正确地使用这些功能强大又漂亮实用的 UI 部分。

tonsky/FiraCode

Stars: 72.7k License: OFL-1.1

Fira Code 是一种免费的等宽字体,具有编程连字符。

  • Fira Code 提供了丰富多样的箭头和标点符号调整功能。
  • Fira Code 支持各种不同的字符变体、风格集和其他字体特性,以满足用户个性化需求。
  • Fira Code 对 ASCII/框绘制、powerline 和其他形式的控制台 UI 具有出色支持。
  • 该项目适用于许多编辑器和终端应用程序。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/326188.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

QT上位机开发(软件的发布和部署)

【 声明:版权所有,欢迎转载,请勿用于商业用途。 联系信箱:feixiaoxing 163.com】 我们在读书的时候,如果程序写好了,这个时候一般直接把exe拷贝给老师就可以了。这就是最原始的软件发布。但是,这…

“核弹级“攻击队视角下的监管痛点解决方案

痛点分析及解决方案 一、辖区企业资产分散且不透明 - 传统的监管体系中,政府监管单位往往面临着辖区企业资产分散且不透明的问题。 - 企业无法梳理自身资产,上报的资产台账无法涵盖全部自身资产 - 监管单位精力有限,无法保证辖区企业资产台账…

解决jmeter测试计划无法保存、另存为的问题

问题: 在保存测试计划时直接保存在C:\Windows\System32, 导致执行时报错Couldn’t save test plan to file:C:\Windows\System32 解决方案: 将路径改为 options--------Look And Feel-------windows

Express框架使用全流程

1.目的和使用场景 对于像我这样不常使用 Node.js 进行开发的人来说,每次开始一个新项目都意味着从头开始设置环境,这个过程相当繁琐。因此,我决定自己构建一个开箱即用的项目脚手架。我的目标是创建一个简单易用的基础框架,能让我…

NET Core发布 HTTP Error 500.31 - Failed to load ASP.NET Core runtime

记录一下踩过的坑: 首先,不论是500.31还是500.30 ,首先确保安装了三个文件 1.NET Core RunTime 2.NET SDK 3.NET Hosting 其次,确保三个文件的版本一致,如下: 要装就统一装同一个大版本,不要东…

51单片机学习总结(自学)

1、模块化编程 c语言模块化编程实现思路设计代码 具体的程序实现代码如下所示 1:程序的头文件 2:程序的函数文件 3:程序的主文件控制函数的实现 持续更新中......

训练YOLOS-S

文章目录 1 数据处理2 配置训练参数3 可能会遇到的报错 1 数据处理 修改类别数:在models/detector.py中定位到def build(args):,将num_classes进行修改,改为最大的类别id1。我有4个类别,类别id是从0~3,因此max_id3&am…

怎样才能找到合适的产品说明书模板 方法献上

制作一份专业而吸引人的产品手册对于企业来说至关重要。然而,对于许多企业和个人而言,制作产品手册可能是一个挑战,因为需要一定的设计和排版能力。为了帮助大家更轻松地制作出优质的产品手册,下面将向大家推荐三款优秀的产品手册…

如何提高客户消息的快速准确回复能力?

无论是企业还是个人,能够快速而准确地回复客户消息是非常重要的,这不仅可以增强客户对你的信任度,还能促进客户的满意度。 那么,我们该如何提高自己的回复能力呢?接着往下看,你就知道啦! 1、学…

华为埋头造车,躺赚的却是黄牛?

文 | AUTO芯球 作者 | 雷歌 华为和赛力斯正在重庆哼哧a哼哧建厂造车,黄牛却在网上倒卖订单躺着赚钱。 前两天雷歌刚去试驾了问界M9,现场一车难求。 今天回来一看,好家伙,咸鱼上,黄牛们大量倒卖M9的大定订单&#x…

瑞_Java开发手册_(七)设计规约

文章目录 设计规约的意义设计规约 🙊前言:本文章为瑞_系列专栏之《Java开发手册》的设计规约篇。由于博主是从阿里的《Java开发手册》学习到Java的编程规约,所以本系列专栏主要以这本书进行讲解和拓展,有需要的小伙伴可以点击链接…

大物②练习题解

1.【单选题】关于磁场中磁通量,下面说法正确的是( D) A、穿过闭合曲面的总磁通量不一定为零 B、磁感线从闭合曲面内穿出,磁通量为负 C、磁感线从闭合曲面内穿入,磁通量为正D、穿过闭合曲面的总磁通量一定为零 磁感线从…

WebGL在家居设计领域中的应用

WebGL(Web Graphics Library)是一种用于在Web浏览器中进行3D图形渲染的JavaScript API。在家居设计方面,WebGL可以提供一些强大的应用,使用户能够交互式地浏览和体验设计方案。以下是一些家居设计领域中WebGL的应用,希…

Mac安装MySQL

环境 电脑: macOS Monterey 12.7.2 MacBook Pro( Retina, 13-inch, Early 2015) 处理器: 2.7GHz 双核 Inter Core i5 MySQL 的安装版本: 8.2.0 最近有更新系统, 重新配置了电脑, 因此, 之前安装的 MySQL 也都删除了, 这次安装经历有点坎坷, 记录下来, 希望可以帮助到需要的小伙…

Jmeter接口测试实战篇:10分钟学会Jmeter的用法

一提到接口测试,通常大家会有这样的疑问:前端测试不是已经覆盖到各种业务逻辑了吗?为什么还要做接口测试,接口测试和前端测试是不是重复了?对于这个问题,可以从下面几个方面来解释: 什么是接口…

PyCharm中配置安装PyQt5、QtDesigner

PyCharm中配置安装PyQt5 使用 pip install PyQt5 命令安装。 安装pyqt5-tools:pip install pyqt5-tools 安装PyQt5Designer:pip install PyQt5Designer 上述三个都安装好之后,输入 pip list 查看一下 有如下内容就安装成功啦!…

用el-image-viewer实现全局预览图片

背景 在后台管理系统中,一些预览图片的场景,通常都是使用 el-image-viewer 去实现,但是如果多个地方都需要预览图片,又要重复的去写 el-image-viewer 以及一些重复的和预览相关的代码。 可以把预览图片的组件放在根文件&#x…

java基础 - 05 Vector

Vector 学过C的同学都知道,Vector也在C中存在,他可以说是两种编程语言中都存在的数据结构,但是值得我们注意的是,Vector在java中和在C中是存在差别的,在Java中,Vector是一个数组。并且他是动态的&#xff…

记一次 JMeter 压测 HTTPS 性能问题

问题背景 在使用 JMeter 压测时,发现同一后端服务,在单机 500 并发下,HTTP 和 HTTPS 协议压测 RT 差距非常大。同时观测后端服务各监控指标水位都很低,因此怀疑性能瓶颈在 JMeter 施压客户端。 问题分析 切入点:垃圾…

vue3.2二次封装antd vue 中的Table组件,原有参数属性不变

vue3.2中的<script setup>语法 在项目中多处使用到表格组件,所以进行了一个基础的封装,主要是通过antd vue 中表格的slots配置项,通过配合插槽来进行封装自定义表格; 这次主要的一个功能是编辑之后变成input框 修改了之后变成完成发送请求重新渲染表格&#xff1a; 子…