@birtycom/omniaui (英语)
OmniaCSS的CSS-第一组件. 原生 HTML 行为 —— 不需要 Java 脚本数字 :
| 构成部分 | 标记 |
| 模式 | <dialog class="oc-modal"> + 键 command="show-modal" commandfor="id" |
| 下坠 | <div popover class="oc-dropdown-menu"> + 键 popovertarget (锁定位置) |
| 手风琴 | <details class="oc-accordion-item" name="group"> |
| 标签 | .oc-tabset 提供无线电投入:has()(中文(简体) ) |
| 主题切换 | .oc-theme-switch (系统/轻/暗, light-dark() 符号) |
| 计数器 | .oc-counter (单位:千美元)@property,可选滚动开始) |
外加按钮,卡片,徽章,警示,表单,活字,进步,面包屑,花纹,骨架,工具提示和代码-块.
npm install @birdycom/omniaui # import "@birdycom/omniaui"
npx omniaui add modal # copy a component into your project (HTML, React, Vue or Blade)
npx omniaui copy-js # the scripts (data table, carousel, barcode, form extras) to public/js/oc-*.js
麻省理工学院
关于 @birdycom/omniaui 的常见问题
@birdycom/omniaui 是什么?
OmniaUI组件:CSS-First UI在原生HTML(dialog, popover,细节)上建有光-dark() theming——不需要JavaScript. 包括全息CLI(添加/列表).
如何安装 @birdycom/omniaui?
在项目目录运行 npm install @birdycom/omniaui,或使用 pnpm add / yarn add / bun add。它还提供命令行工具 omniaui,可以用 npx omniaui 直接运行。
@birdycom/omniaui 支持 TypeScript 吗?
该包的 package.json 没有声明类型入口。需要类型提示时,可以在 npm 上查找社区维护的 @types/birdycom__omniaui 是否存在。
@birdycom/omniaui 支持 ESM 还是 CommonJS?
以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。
@birdycom/omniaui 需要什么版本的 Node.js?
package.json 的 engines 字段要求 Node.js >=22。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。
@birdycom/omniaui 可以商用吗?
@birdycom/omniaui 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。
@birdycom/omniaui 的下载量有多少?
根据 npm 官方下载统计,@birdycom/omniaui 在 2026/10/08 – 2026/11/06 这 30 天内被下载 2,876 次,日均约 96 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@birdycom/omniaui 还在维护吗?
最新版本 0.14.3 发布于 2026/11/05(3 天前);至今共发布 16 个版本,其中过去 12 个月发布了 16 个;首次发布于 2026/10/28。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。