介绍

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 实现，功能更强大