Oat – 超轻量、语义化、零依赖 HTML UI 组件库

Source: Hacker News

语义化、极简、零依赖。约 8KB CSS 与 JS。

Oat 是一个超轻量的 HTML + CSS、语义化 UI 组件库，零依赖。无需框架、构建或开发复杂性——只需引入体积极小的 CSS 与 JS 文件，即可构建外观体面的 Web 应用，涵盖最常用的组件和元素。

语义标签和属性开箱即用地进行上下文样式化，无需类名，强制最佳实践并减少标记中的类污染。少数动态组件采用 WebComponents，并使用极少的 JavaScript。

轻如燕麦片

6 KB CSS，2.2 KB JS，已压缩 + gzip。
仅此而已。

零依赖

完全独立，不依赖任何 JS 或 CSS 框架或库。没有 Node.js 生态系统的垃圾或臃肿。

语义化 HTML

像 、、“ 这样的原生元素以及 role="button" 等语义属性直接获得样式。无需类名。

可访问性

在整个库中使用（并在许多地方强制使用）语义化 HTML 与 ARIA 角色。为所有组件和元素提供完善的键盘导航支持。

简单定制

只需覆盖少量 CSS 变量即可轻松自定义整体主题。在 “ 上添加 data-theme="dark" 即可自动切换到内置的暗色主题。

为什么？

在面对几乎所有 JavaScript UI 库和框架的过度设计臃肿、复杂性以及依赖地狱时，我感到无尽的挫败感。对 Node.js 生态系统的垃圾、频繁的 rug‑pull 与锁定感到厌倦。
阅读更多关于 JavaScript 生态系统混乱的文章

我发布此项目是希望其他受 Node.js 生态系统创伤的开发者能受益。

我的目标是打造一个简单、极简、原生、基于标准的 UI 库，能够在长期项目中使用，而无需担心 JavaScript 生态系统的垃圾。外观与感受受 shadcn 美学的影响。