2021 年 5 个被低估的 React 设计系统

2025-06-04

2021 年 5 个被低估的 React 设计系统

设计系统能为你的初创项目提供快速启动,更重要的是,在项目持续发展过程中提供架构。这些系统带来了一定程度的思维精妙和统一性。它们的价值远超预制的 CSS/JS 资源。在初始阶段确定合适的设计系统对于项目进展至关重要。我使用各种指标来选择其中一种,例如:

  • 社区支持与接受
  • 文档
  • a11y/i18n/l10n
  • 组件库
  • 承诺率
  • 支持者

然而,当你需要玩的时候,也就是一个机器学习/人工智能或树莓派的一次性项目时,你应该尝试一些新兴的系统。以下是我目前正在实验的5个设计系统,有已知的,也有未知的。它们可能没有满足上述所有条件,但它们很有潜力,而且非常有趣。它们不是Bootstrap、Ant Design或Material。

索环

部分设计系统、部分框架,全部都很棒

Grommet 是一个基于反应的框架,它在一个整洁的包中提供可访问性、模块化、响应性和主题化。

索环 v2

Garden React 组件 - Zendesk

Zendesk 构建产品时的工具、标准和最佳实践的真实来源。

Garden 是一个简约而干净的设计系统,为反应项目提供了强大的基础。

Garden React 组件 - Zendesk

美国网页设计系统(USWDS)

美国网页设计系统帮助联邦政府建立快速、可访问、适合移动设备的网站。

美国网页设计系统包括一个开源 UI 组件库和一个美国联邦政府网站的视觉样式指南。

标题=

Priceline One

Priceline.com 设计系统

为了给我们的用户创造始终如一的出色体验,设计系统旨在成为设计师和开发人员用户界面标准的唯一真实来源。

该项目在前人努力的基础上,旨在将这些想法整合成一个活跃的、有据可查的、不断发展的系统。

Priceline One

环形 UI - JetBrains

JetBrains Web UI 组件集合

这套 UI 组件旨在为 JetBrains 内部构建的基于 Web 的产品以及为 JetBrains 产品开发的第三方插件提供所有必要的构建块。

环形 UI - JetBrains

希望您阅读愉快!

文章来源:https://dev.to/arifamirani/5-undererated-react-design-systems-for-2021-4mnj
PREV
网络无障碍——ARIA 简介
NEXT
如何指导初级开发人员