Skip to content

zui

一个简单、好用的 Vue 3 组件库

快速开始

使用命令快速创建新组件

创建新组件

使用以下命令快速创建新的组件,包含完整的类型定义和样式文件

npm install zui --save

核心特性

简单易用

提供简洁直观的 API,让开发者能够快速上手,提高开发效率

高度可定制

支持丰富的主题配置和样式定制,满足不同项目的设计需求

TypeScript 支持

完整的 TypeScript 类型定义,提供更好的开发体验和类型安全

响应式设计

内置响应式布局系统,完美适配各种屏幕尺寸

暗色模式

原生支持暗色模式,提供舒适的夜间浏览体验

持续更新

持续维护和更新,不断优化组件性能和用户体验

组件示例

探索组件的实际使用方法和效果

Button 按钮

按钮组件,支持多种类型和尺寸

<Button type="primary">主要按钮</Button>

Input 输入框

输入框组件,支持多种输入场景

<Input v-model="value" placeholder="请输入内容" />

Switch 开关

开关组件,用于切换状态

关闭
<Switch v-model="value" />

Checkbox 复选框

复选框组件,支持多选

<Checkbox v-model="value">
  同意服务条款
</Checkbox>

组件展示

探索我们精心设计的组件库

Button

按钮组件,支持多种类型和尺寸

Input

输入框组件,支持多种输入场景

Card

卡片容器,用于展示相关内容

Modal

对话框组件,用于重要信息展示

Select

下拉选择组件,支持单选和多选

Tabs

标签页组件,用于内容分组

Switch

开关组件,用于切换状态

Checkbox

复选框组件,支持多选

Radio

单选框组件,支持单选

Tooltip

提示框组件,用于显示额外信息

Dropdown

下拉菜单组件,用于操作菜单

Accordion

手风琴组件,用于折叠内容

准备开始了吗?

立即开始使用 zui 组件库,构建出色的应用程序