开源 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 具有出色支持。
  • 该项目适用于许多编辑器和终端应用程序。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

zsh插件之gitignore安装使用教程

安装 zsh 插件管理工具 首先,确保你已经安装了 zsh,然后安装 Oh My Zsh,这是一个流行的 zsh 配置框架。在终端运行以下命令安装 Oh My Zsh: bashCopy code sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/ma…

小程序基础学习(组件传参)

原理&#xff1a;通知在组件标签中传递参数已达到传参的目的 在组件的js的 properties中接受传递来的参数 然后在页面是展示这些数据 源码&#xff1a; <!--components/my-info/my-info.wxml--> <view class"title"> <text class"texts"&g…

Java--RSA非对称加密的实现(使用java.security.KeyPair)

文章目录 前言实现步骤测试结果 前言 非对称加密是指使用不同的两个密钥进行加密和解密的一种加密算法&#xff0c;调用方用使用服务方提供的公钥进行加密&#xff0c;服务方使用自己的私钥进行解密。RSA算法是目前使用最广泛的公钥密码算法。Java提供了KeyPairGenerator类要生…

BikeDNA(七)外在分析:OSM 与参考数据的比较1

BikeDNA&#xff08;七&#xff09;外在分析&#xff1a;OSM 与参考数据的比较1 该笔记本将提供的参考自行车基础设施数据集与同一区域的 OSM 数据进行所谓的外部质量评估进行比较。 为了运行这部分分析&#xff0c;必须有一个参考数据集可用于比较。 该分析基于将参考数据集…

01.neuvector防护平台功能实现设计

本篇文章主要讲neuvector大概的设计与实现&#xff0c;功能实现细节可查看后续文章&#xff0c;原文链接,欢迎大家关注我的github账号 一、整体架构 相关主要业务容器运行结构如下&#xff1a; 主要容器为以下几个&#xff1a; Controller容器负责规则的收集与下发&#xff0…

c 生成任意尺寸YUV420P格式水平垂直彩条

因为先控制生成的是像素三基色&#xff0c;所以可以用此方法生成任何图案。如直线&#xff0c;圆&#xff0c;甚至汉字 可以把长宽围成的图案看成是一个大的二维数组&#xff0c;再从其中扣出一部分&#xff0c;再填充一部分就成了。可惜现在jpeg编码程序有错误&#xff0c;显…

Open3D AABB包围盒计算与使用(19)

Open3D AABB包围盒计算与使用(19) 一、算法速览二、算法实现1.代码2.结果少年听雨歌楼上。红烛昏罗帐。壮年听雨客舟中。江阔云低、断雁叫西风。 而今听雨僧庐下。鬓已星星也。悲欢离合总无情。一任阶前、点滴到天明。 一、算法速览 AABB包围盒就是将点云用一个各条边沿着坐…

OceanBase架构概览

了解一个系统或软件&#xff0c;比较好的一种方式是了解其架构&#xff0c;下图是官网上的架构图&#xff0c;基于V 4.2.1版本 OceanBase 使用通用服务器硬件&#xff0c;依赖本地存储&#xff0c;分布式部署在多个服务器上&#xff0c;每个服务器都是对等的&#xff0c;数据库…

翻译: Streamlit从入门到精通 基础控件 一

这个关于Streamlit的教程旨在帮助数据科学家或机器学习工程师&#xff0c;他们不是网络开发者&#xff0c;也不想花费数周时间学习使用这些框架来构建网络应用程序。 1. 什么是Streamlit&#xff1f; Streamlit是一个免费且开源的框架&#xff0c;用于快速构建和共享美观的机器…

nodejs中的共享资源和锁

在Node.js中&#xff0c;如果你使用锁来同步代码&#xff0c;通常是为了防止多个线程或进程同时访问共享资源&#xff0c;这可能导致数据不一致或其他问题。然而&#xff0c;Node.js本身并不是一个多线程环境&#xff0c;而是单线程的。因此&#xff0c;你通常不会在Node.js中使…

[小程序]定位功能实现

第一步:首先要认识三个小程序的 api wx.chooseLocation 和 wx.getLocation 和 wx.openLocation (1).wx.chooseLocation 用于在小程序中选择地理位置。当用户点击选择位置按钮时&#xff0c;小程序会调起地图选择界面&#xff0c;用户可以在地图上选择一个位置&#xff0c;并可以…

ubuntu连接xshell怎么连接

在网上找了好多办法都不行 例如 太久没打开Ubuntu可能输入命令查不到IP地址&#xff0c;解决办法也比较简单&#xff0c;首先第一步 确定自己能不能进入管理员root权限&#xff08;输入命令su&#xff09;&#xff0c;如果没有的话得重新配置&#xff0c;如下图 这是因为当前Ub…

gin切片表单验证

在Gin中对切片进行表单验证的步骤与对其他类型的字段进行验证类似。以下是一些基本步骤&#xff0c;我们可以根据具体的需求进行调整&#xff1a; 定义结构体&#xff1a; 创建一个结构体&#xff0c;用于存储表单数据。确保结构体中的字段类型与你预期的表单数据类型一致。 使…

【DP】583.两个字符串的删除操作

题目 法1&#xff1a;DP 本质是不带替换操作的最小编辑距离问题&#xff01;&#xff01;&#xff01; class Solution {public int minDistance(String word1, String word2) {int m word1.length() 1, n word2.length() 1;int[][] dp new int[m][n];for (int i 1; i…

LINUX基础第十一章:文件系统与日志服务管理

目录 一.LINUX文件系统 1.inode表和block &#xff08;1&#xff09;inode &#xff08;2&#xff09;block 2.查看inode号命令 3.Linux系统文件三种主要时间属性 4.磁盘空间还剩余很多但无法继续创建文件 5.inode大小 二.日志 1.日志保存位置 2.日志文件的分类 &am…

Java设计模式-备忘录模式

备忘录模式 一、概述二、结构三、案例实现&#xff08;一&#xff09;“白箱”备忘录模式&#xff08;二&#xff09;“黑箱”备忘录模式 四、优缺点五、使用场景 一、概述 备忘录模式提供了一种状态恢复的实现机制&#xff0c;使得用户可以方便地回到一个特定的历史步骤&…

超越GPU:TPU能成为接班人吗?

在计算机的世界里&#xff0c;硬件技术的发展一直在快速推进。今天&#xff0c;我们要谈论的就是一种特殊的处理器&#xff1a;TPU&#xff0c;全称是Tensor Processing Unit。在我们开始深入探讨TPU之前&#xff0c;先了解一下两个重要的芯片技术&#xff0c;FPGA和ASIC。 FP…

【Matlab】加载路径下所有指定文件

加载路径下指定文件 想用matlab加载路径下所有指定文件&#xff0c;比如加载一个路径下的所有png图像、txt文件等&#xff0c;网上查了一圈也不是很好用&#xff0c;解决了问题就分享一下。 dir函数 用到了dir函数&#xff0c;Matlab中的dir函数是可以列出指定文件夹中的所有…

【算法题】52. N 皇后 II

题解 n 皇后问题 研究的是如何将 n 个皇后放置在 n n 的棋盘上&#xff0c;并且使皇后彼此之间不能相互攻击。 给你一个整数 n &#xff0c;返回 n 皇后问题 不同的解决方案的数量。 示例 1&#xff1a; 输入&#xff1a;n 4 输出&#xff1a;2 解释&#xff1a;如上图所示…

计算机网络 —— 数据链路层

数据链路层 3.1 数据链路层概述 数据链路层把网络层交下来的数据构成帧发送到链路上&#xff0c;以及把收到的帧数据取出并上交给网络层。链路层属于计算机网络的底层。数据链路层使用的信道主要由以下两种类型&#xff1a; 点对点通信。广播通信。 数据链路和帧 链路&…