Oat：超輕量、語意化、零依賴的 HTML UI 元件庫

Oat 是一個超輕量、語意化、零依賴的 HTML + CSS UI 元件庫。無需框架、建置或開發複雜性。僅需引入極小的 CSS 和 JS 檔案，即可快速建置外觀良好的網頁應用程式，其中包含最常用到的元件和元素。

語意化標籤和屬性開箱即用，無需類別即可進行上下文樣式設定，強制執行最佳實踐，並減少標記類別污染。少數動態元件採用 Web Components 並僅使用極少的 JavaScript。

CSS 7KB，JS 2.9KB，皆為壓縮後並啟用 gzip。

完全獨立，不依賴任何 JS 或 CSS 框架或函式庫。沒有 Node.js 生態系統的垃圾或膨脹。

直接樣式化原生元素，如 `<button>`、`<input>`、`<dialog>`，以及語意化屬性，如 `role="button"`。無需類別。

整個元件庫貫徹使用語意化 HTML 和 ARIA 角色（在許多地方被強制使用）。所有元件和元素均提供完善的鍵盤導覽支援。

可透過覆寫少數 CSS 變數輕鬆自訂整體主題。可根據系統偏好設定自動套用深色主題。

此專案的誕生源於對現今幾乎所有 JavaScript UI 函式庫和框架的過度設計、複雜性與依賴地獄的無盡挫敗感。我已受夠了 Node.js 生態系統垃圾的持續性創傷後壓力症候群（PTSD），以及被動式拉扯和鎖定的情況。我發布此專案，希望能對其他有 Node.js 生態系統創傷的受害者有所幫助。

我的目標是建立一個簡單、極簡、原生、基於標準的 UI 函式庫，讓我在自己的專案中能夠長期使用，而無需擔心 JavaScript 生態系統的垃圾。長期使用是因為它僅是簡單的原生 CSS 和 JS。其外觀和感覺受到 shadcn 美學的影響。