{"id":13507277,"url":"https://github.com/easysoft/zui","last_synced_at":"2025-05-13T23:07:06.523Z","repository":{"id":38325964,"uuid":"13485880","full_name":"easysoft/zui","owner":"easysoft","description":"ZUI is an HTML5 front UI framework.","archived":false,"fork":false,"pushed_at":"2025-04-09T06:39:21.000Z","size":486156,"stargazers_count":2747,"open_issues_count":44,"forks_count":690,"subscribers_count":207,"default_branch":"main","last_synced_at":"2025-04-10T00:14:35.520Z","etag":null,"topics":["css","javascript","preact","tailwind","tailwindcss","ui"],"latest_commit_sha":null,"homepage":"https://openzui.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/easysoft.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-10-11T00:02:19.000Z","updated_at":"2025-04-04T10:14:50.000Z","dependencies_parsed_at":"2023-12-25T06:27:54.954Z","dependency_job_id":"f2a6c760-d732-49f6-9e1e-ab06646adfe7","html_url":"https://github.com/easysoft/zui","commit_stats":{"total_commits":6462,"total_committers":28,"mean_commits":"230.78571428571428","dds":"0.46796657381615603","last_synced_commit":"e66fdf1d804fcf983f726d76283fc174c0d64268"},"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easysoft%2Fzui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easysoft%2Fzui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easysoft%2Fzui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easysoft%2Fzui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/easysoft","download_url":"https://codeload.github.com/easysoft/zui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248131315,"owners_count":21052819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","javascript","preact","tailwind","tailwindcss","ui"],"created_at":"2024-08-01T02:00:29.756Z","updated_at":"2025-04-10T00:14:46.152Z","avatar_url":"https://github.com/easysoft.png","language":"TypeScript","readme":"# ZUI 3\n\nZUI 3 是一个全新的开源 UI 组件库，提供了丰富的实用组件，并提供自由的定制使用方式，不依赖任何 JavaScript 框架，可以在任何 Web 应用中通过原生的方式使用。\n\n访问 https://openzui.com/ 来提前预览组件库。\n\n👉 如果你需要访问 ZUI 1，请访问 https://openzui.com/1/ ，ZUI 1 源码已经转移到 `zui1` 分支。\n如需了解开发中的文档，请访问：https://easysoft.github.io/zui/dev/ 。\n\n## 特性\n\n* 📡 **统一的 UI 配置**：基于 CSS 变量实现的全局 UI 配置，为组件提供了统一的风格基础，支持深色模式，方便定制主题；\n* 👔 **丰富的 CSS 工具类**：基于 [Tailwind CSS](https://tailwindcss.com/) 提供了丰富的 CSS 工具类，包括特别的语义化外观工具类，轻松实现常见布局、文字排版、动画、外观定义；\n* ⭐️ **实用的 CSS 组件**：提供了大量实用的 CSS 组件，无需借助 JS 即可实现界面基本功能，例如按钮、表单、导航、卡片、表格等；\n* 💎 **强大的 JS 组件**：通过 JS 实现很多功能强大的组件，包括下拉菜单、工具提示、对话框、数据表格、文件上传等；\n* 📦 **使用灵活**：不依赖具体的框架，所有 CSS 工具类开箱即用，所有 JS 组件支持原生调用，丰富的引入方式，支持通过 ESM 导入，或者直接在浏览器中引用整个 JS 和 CSS，支持打包定制自己的组合版本。\n\n## 快速预览\n\n### 使用 CSS 工具类\n\n```html\n\u003cbutton class=\"btn primary\"\u003eZUI 3\u003c/button\u003e\n\u003cbutton class=\"btn primary-outline\"\u003eRead more\u003c/button\u003e\n```\n\n### 使用 JS 组件\n\n```html\n\u003cmenu id=\"colorPicker\"\u003e\u003c/menu\u003e\n\n\u003cscript\u003e\nconst colorPicker = new ColorPicker('#colorPicker', {\n    heading: '选择颜色',\n    defaultValue: '#0ea5e9',\n});\n\u003c/script\u003e\n```\n\n## 开发\n\n### 安装\n\n```sh\n$ pnpm install\n```\n\n### 启动开发服务器\n\n```sh\n$ pnpm dev\n```\n\n### 构建\n\n```sh\n$ pnpm build\n```\n\n### 文档开发预览\n\n```sh\n$ pnpm docs:dev\n```\n\n### 文档构建\n\n```sh\n$ pnpm docs:build\n```\n\n## 技术栈\n\n* Node.js 18+\n* 包管理器：[pnpm](https://pnpm.io/zh/)\n* 构建工具：[Vite](https://cn.vitejs.dev/)\n* CSS 工具库：[TailwindCSS](https://tailwindcss.com/)\n* 静态文档网站生成：[VitePress](https://vitepress.dev/)\n* TypeScript 4.5+\n* 字体图标生成：[Fantasticon](https://github.com/tancredi/fantasticon)\n* JS 组件开发 [preact.js](https://preactjs.com/)\n","funding_links":[],"categories":["Projects using `@faker-js/faker`","TypeScript","JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasysoft%2Fzui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasysoft%2Fzui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasysoft%2Fzui/lists"}