// the find
knadh/oat
Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library. ~10KB min+gz.
Oat is a classless-ish semantic HTML/CSS/JS UI kit that styles native tags and ARIA attributes directly instead of requiring utility or component classes. It's aimed at developers who want a Bootstrap-style component set (accordions, dialogs, toasts, tabs) without a build step, a framework dependency, or the churn of npm-based component libraries.
The size claim (~10KB min+gz) is credible given the file list — CSS is split into small per-component files rather than one monolith, so you're not paying for components you don't use if you hand-pick imports. Styling based on semantic tags/attributes rather than classes is a genuinely different bet than most CSS frameworks and forces cleaner markup as a side effect. Zero runtime dependencies means no supply-chain surface from transitive npm packages, and the JS components (dropdown, tabs, toast, upload) are plain WebComponents rather than a custom framework you need to learn.
Pre-v1 with an explicit warning about breaking changes — fine for a side project, a real liability if you build a product on it today. Styling raw semantic tags is fragile the moment you need two visually different buttons or cards on the same page without polluting markup with new classes anyway, which somewhat undercuts the pitch. There's no accessibility testing or ARIA compliance documentation visible in the tree despite leaning on semantic HTML for styling hooks, and no visible test suite (unit or visual regression) for a project shipping interactive WebComponents like dialog and upload.