平时手搓个简单的 Web 面板或个人博客，要是掏出 React/Vue 全家桶再配一堆构建工具，看着 node_modules 瞬间膨胀成黑洞，着实让人心累。

最近发现个反击前端复杂度的开源轮子：Oat UI（由开发者 knadh 开发），这是一个超轻量级、零依赖的语义化 HTML、CSS 和 JS UI 组件库。

​

1. 核心特性

• 极其轻量：抛弃了现代前端的臃肿，压缩后（min+gz）的 CSS 和 JavaScript 文件总大小仅约 8KB。

• 纯语义化与开箱即用：这是它的精髓所在。样式直接基于 HTML 的语义化标签和属性进行上下文渲染，你不需要去记或者额外添加繁琐的 CSS 类名（Class）。这种设计强制推行了 Web 开发的最佳实践，并大幅减少了 HTML 结构里的“类名污染”（markup class pollution）。

• 零依赖与极简主义：项目不依赖任何外部框架，也没有复杂的构建（build）或开发流程要求。只需引入小巧的 CSS 和 JS 文件，就能直接开始构建美观且包含常用组件的 Web 应用程序。

• 原生 WebComponents 加持：库中包含的一些动态组件是采用 WebComponents 实现的，只使用了极其少量的 JavaScript。

2. 技术底座与开源大盘

• 开发初衷：作者原本是写来自用的，核心动力就是受够了现代 JavaScript UI 和组件库中普遍存在的代码过度膨胀（bloat）、复杂的依赖关系，以及防不胜防的“抽毯子”（rug-pulls，指项目突然废弃或发生巨大不兼容变化）现象。

• 技术栈构成：主要由 CSS (72.5%) 和 JavaScript (23.6%) 组成，另有极少量的 Makefile 代码 (3.9%) 用来跑脚本。

• 社区热度与文档：采用宽松的 MIT 许可证完全开源。目前在 GitHub 上极受欢迎，已拿下 4000 颗 Star、185 个 Fork 以及 19 个关注（Watching）。如果你想看在线演示（Live demo）和官方文档，官方网站在 oat.ink。

避坑指南 (注意事项)

• 破坏性更新预警：项目目前仍处于 v1.0 正式版之前的阶段（资料显示的最新版本为 2026年2月23日 发布的 v0.4.0）。官方特意贴了警告：在发布 v1 版本之前，该库大概率会出现破坏性更新（breaking changes）。如果你要上生产环境，切记锁死版本号，别瞎升级。

项目地址：

https://github.com/knadh/oat

下载附件：oat-0.4.2.zip​