扫一扫分享
Grommet是一个非常强调体验的的react组件库,所有组件都可访问,具备跨浏览器兼容性且支持主题定制。通过对属性的配置,组件的灵活性也可以进一步提高。Grommet颜值很高,非常适合用来快速开发干净简洁,具备关键基本功能的UI。
如果你正在寻找一个全面的设计系统来构建可访问和响应性的移动优先的网络项目,这个工具是一个杰出的选择。它是由HPE创建的,在设计时提供了一个充满活力的体验。
UI组件:
Grommet提供强大而大胆的组件设计,并且是轻量级的,可以控制你的应用程序的大小。你将得到多种类别的组件,如布局(页脚、页眉、卡片、侧边栏、网格等)、类型(标题、文本、段落和标记)、颜色(品牌、状态、中性色和重音)、控件(按钮、导航条、菜单等。 )、输入(文本、文件上传、复选框等)、媒体(视频、旋转木马和图片)、提高用户体验的工具(响应式元素、键盘快捷键、无限滚动等)、可视化(日历、头像、图表等)。
主题设计:
在Grommet上有很多预先包装好的主题–Grommet主题设计器和Grommet设计师。前者是一个演示管理面板,让您通过调整元素来开发定制的Grommet主题。后者是一个画布,用于创建和保存您的设计经验与组件。
用户友好的界面:它是一个易于访问的UI库,具有键盘导航和屏幕阅读器标签等工具。它还支持《网络内容可及性指南》(WCAG)。它是一个适合初学者的工具。
手机预览