AWS 开源 UI 设计系统:Cloudscape

Cloudscape 被用在 aws 控制台上,整体风格简洁,能够承担复杂交互,支持移动端。看了依赖列表,用的第三方依赖不多:

{
    "@juggle/resize-observer": "^3.3.1",
    "ace-builds": "^1.4.13",
    "balanced-match": "^1.0.2",
    "clsx": "^1.1.0",
    "d3-scale": "^2.2.2",
    "d3-shape": "^1.3.7",
    "date-fns": "^2.25.0",
    "mnth": "^2.0.0",
    "react-focus-lock": "~2.8.1",
    "react-keyed-flatten-children": "^1.3.0",
    "react-resizable": "^1.11.1",
    "react-transition-group": "^4.4.2",
    "react-virtual": "^2.8.2",
    "tslib": "^2.4.0",
    "weekstart": "^1.1.0"
}

数据可视化使用 d3js 实现,目前支持的图表类型不多,也是 4px 像素系统设计的:

Our design system is based on a 4-pixel grid system. It has a 4-pixel base unit, and uses increments of 4 to define the spacing and scale of elements on the interface.

仓库地址:Cloudscape

Comments
登录后评论
Sign In