ZUI 3是一个开源的UI组件库,同时也是开源项目管理系统「禅道项目管理软件 」的基础UI框架。ZUI 3支持最大限度的定制,不依赖任何其他JS框架,可以在任何Web应用中通过原生的方式使用。

在ZUI 3中主要包含如下内容:

  • 统一的UI配置:基于CSS变量实现的全局UI配置,为组件提供了统一的风格基础,支持深色模式,方便定制主题;
  • 丰富的CSS工具类:基于Tailwind CSS提供了丰富的CSS工具类,包括特别的语义化外观工具类,轻松实现常见布局、文字排版、动画、外观定义;
  • 大量实用的组件:包括必备的纯CSS实现的基础组件,例如按钮、表单、导航、卡片、表格等;还有基于JS 实现的功能强大的组件,包括下拉菜单、对话框、数据表格、文件选择等。

相比较ZUI之前的版本, ZUI 3不依赖具体的框架,所有CSS工具类开箱即用,所有JS组件支持原生调用。你可以直接在浏览器中引用整个JS和CSS,也打包定制自己的组合版本。

欢迎大家访问ZUI 3官网https://openzui.com/ 下载试用!

首页 首页-深色
ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图 ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图1
颜色配置 颜色配置-深色
ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图2 ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图3
CSS 工具类 CSS 工具类-深色
ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图4

ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图5

按钮组件

按钮组件-深色
ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图6 ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图7
数据表格组件 数据表格组件-深色
ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图8 ZUI 3 发布,一款全新的开箱即用的原生 UI 框架插图9
免责声明:本文系转载,版权归原作者所有;旨在传递信息,不代表一休教程网的观点和立场。