介绍
ZUI 3 是一个的开源 UI 组件库,提供了大量实用组件,支持最大限度的定制,不依赖任何其他 JS 框架,可以在任何 Web 应用中通过原生的方式使用。
功能特性
- 📡 统一的 UI 配置:基于 CSS 变量实现的全局 UI 配置,为组件提供了统一的风格基础,支持深色模式,方便定制主题;
- 👔 丰富的 CSS 工具类:基于 Tailwind CSS 提供了丰富的 CSS 工具类,包括特别的语义化外观工具类,轻松实现常见布局、文字排版、动画、外观定义;
- ⭐️ 实用的 CSS 组件:提供了大量实用的 CSS 组件,无需借助 JS 即可实现界面基本功能,例如按钮、表单、导航、卡片、表格等;
- 💎 强大的 JS 组件:通过 JS 实现很多功能强大的组件,包括下拉菜单、工具提示、对话框、数据表格、文件上传等;
- 📦 使用灵活:不依赖具体的框架,所有 CSS 工具类开箱即用,所有 JS 组件支持原生调用,丰富的引入方式,支持通过 ESM 导入,或者直接在浏览器中引用整个 JS 和 CSS,支持打包定制自己的组合版本。
与 ZUI1 的区别
相比较 ZUI 1,ZUI 3 是一个全新的更加现代的 UI 组件库,主要有如下区别:
区别 | ZUI 1 | ZUI 3 |
---|---|---|
外部依赖 | jQuery | 无 |
内部依赖 | Bootstrap 3 | 无 |
网格布局实现 | float | Flex |
工具类 | 部分样式、布局、排版工具类 | 丰富的样式、布局、排版、交互效果工具类 |
主题定制 | CSS 覆盖 | CSS 变量 |
CSS 组件 | 大部分由 Bootstrap 提供 | 全新的 CSS 组件,更方便定制外观 |
JS 组件 | 基于 jQuery 实现 | 基于 Preact 实现,功能更强大 |