Skip to content

CodeDogUI一套代码,两端各自的形态

面向 uni-app 的跨端 UI 框架 —— H5 移动 · H5 PC · 微信小程序 · Electron 桌面

关于本项目 ​

维护者

CodeDogUI 由 Codedog.tech 长期维护,UI 由 Penn.Gu 设计开发。

本项目同时以两种形态分发:

形态获取方式适用
uni_modules(推荐)拷贝 src/uni_modules/codedog-ui 整个目录,或从 HBuilderX 插件市场导入HBuilderX 工程
npm 包npm i codedog-ui走 CLI 的 uni-app 工程

在线预览 ​

下面这些不是截图,是文档站里真实运行的 CodeDogUI 组件——与 npm 包里的同一份源码、同一套运行期令牌。 切换右上角的暗色模式,它们会跟着一起变,因为颜色全部来自 var(--cd-*)。

主操作次级危险安装
primarysuccesswarninginfo6272%

版本进展 ​

2026-10-01
v0.5.0 · 发布到 npm
62 个组件、9 组组合组件,MIT 许可。
2026-10-01
第五批 25 个组件
导航、容器与工具类全部补齐。
规划中
Trusted Publishing 自动发版
走 GitHub Actions OIDC,仓库不再保存任何 token。

三步接入 ​

安装npm i codedog-ui配置 easycom^cd-(.*) → codedog-ui/components/cd-$1/cd-$1.vue直接使用模板里写 cd-button 即可
bash
npm i codedog-ui

组件 API 表格由脚本从 SFC 源码自动抽取(npm run docs:gen), 出现在 /components/* 的每个页面里,与本页预览用的是同一份源码。

MIT 许可发布 · 由 Codedog.tech 长期维护 · UI 作者 Penn.Gu · 图标衍生自 Feather 与 Lucide,已保留署名