knadh/oatPublic

What is oat?

An ultra-lightweight, zero-dependency HTML and CSS component library enforcing semantic markup.

What does oat do?

Oat UI is a highly minimalistic frontend component library that operates entirely without complex build steps or dependencies. Weighing in at under 10KB total for both CSS and JS, it provides a clean, attractive default styling for standard HTML elements. It heavily enforces semantic web practices by styling raw HTML tags and attributes contextually, rather than relying on massive utility classes or complex React wrappers. The few dynamic interactive components it offers are implemented entirely as native Web Components. It is explicitly designed as a massive rejection of the bloat and extreme complexity currently dominating the JavaScript framework ecosystem.

Who is oat for?

Frontend developers and full-stack engineers exhausted by modern Javascript UI bloat who want a completely minimal, semantic, and dependency-free way to style web applications.

How do I get started with oat?

Just include the tiny CSS and JS files in your HTML.

How popular is oat on GitHub?

knadh/oat has 5,524 stars and 258 forks on GitHub, and gained 15 stars in the last 7 days.

What license does oat use?

knadh/oat is released under the MIT license.

• Permissive license

  MIT

• Continuous integration

  Automated checks passing

• Repeat trending

  3 trending appearances

Oat UI is a highly minimalistic frontend component library that operates entirely without complex build steps or dependencies. Weighing in at under 10KB total for both CSS and JS, it provides a clean, attractive default styling for standard HTML elements. It heavily enforces semantic web practices by styling raw HTML tags and attributes contextually, rather than relying on massive utility classes or complex React wrappers. The few dynamic interactive components it offers are implemented entirely as native Web Components. It is explicitly designed as a massive rejection of the bloat and extreme complexity currently dominating the JavaScript framework ecosystem.

Frontend developers and full-stack engineers exhausted by modern Javascript UI bloat who want a completely minimal, semantic, and dependency-free way to style web applications.

• Zero dependencies: Operates perfectly out of the box without requiring npm, build steps, or JavaScript frameworks.
• Semantic styling: Contextually styles native HTML elements rather than polluting the markup with hundreds of utility classes.
• Native Web Components: Uses lightweight, standard browser Web Components for the few elements requiring dynamic JavaScript interaction.
• Tiny footprint: Keeps total bundle size incredibly small (under 10KB), maximizing page load speed and performance.
• Drop-in simplicity: Requires only a single CSS file and a single JS file to start building beautiful, fully functional web applications.

Getting started: Just include the tiny CSS and JS files in your HTML.

1. v0.8.0v0.8.0Sep 8, 2026

   ## What's Changed * Allow labels as children of fieldset.group by @alexanderneuschl in https://github.com/knadh/oat/pull/179 ## New Contributors * @alexanderneuschl made their first contribution in https://github.com/knadh/oat/pull/179 **Full Changelog**: https://github.com/knadh/oat/compare/v0.7.2...v0.8.0

2. v0.7.1v0.7.1Jul 28, 2026

   ## What's Changed * Fix `aria-disabled` styling issue. ## New Contributors * @jainambarbhaya1509 made their first contribution in https://github.com/knadh/oat/pull/143 **Full Changelog**: https://github.com/knadh/oat/compare/v0.7.0...v0.7.1

3. v0.7.0v0.7.0Jul 21, 2026

   ## What's Changed * New components: File upload, Taginput * Many minor fixes and improvements * Fix documentation errors: wrong theme colors, missing variables, invalid HTML by @MADEVAL in https://github.com/knadh/oat/pull/172 * Fix mobile sidebar overflow by @UjjwalGupta49 in https://github.com/knadh/oat/pull/175 ## New Contributors * @UjjwalGupta49 made their first contribution in https://github.com/knadh/oat/pull/175 **Full Changelog**: https://github.com/knadh/oat/compare/v0.6.2...v0.7.0

4. v0.6.2v0.6.2Jun 20, 2026

   ## What's Changed * docs(usage): align basic example with published minified asset names by @pavan-sh in https://github.com/knadh/oat/pull/160 * docs: add Oat Table extension by @MADEVAL in https://github.com/knadh/oat/pull/162 * docs: add Oat Upload extension by @MADEVAL in https://github.com/knadh/oat/pull/163 * style: update error display logic for input validation by @KumarSidharth in https://github.com/knadh/oat/pull/167 * chore: update .gitignore to include additional files and add CODEOWNERS by @KumarSidharth in https://github.com/knadh/oat/pull/168 ## New Contributors * @MADEVAL made their first contribution in https://github.com/knadh/oat/pull/162 * @KumarSidharth made their first contribution in https://github.com/knadh/oat/pull/167 **Full Changelog**: https://github.com/knadh/oat/compare/v0.6.1...v0.6.2

5. v0.6.1v0.6.1Jun 20, 2026

   **Full Changelog**: https://github.com/knadh/oat/compare/v0.6.0...v0.6.1

• nextlevelbuilder/ui-ux-pro-max-skill

  An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

  133K stars · Python

• tailwindlabs/tailwindcss

  A utility-first CSS framework for rapid UI development.

  97.8K stars · TypeScript

• DioxusLabs/dioxus

  Fullstack app framework for web, desktop, and mobile.

  39.3K stars · Rust

• Nutlope/hallmark

  Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

  29.5K stars · CSS

• ConardLi/garden-skills

  ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.

  12.7K stars · CSS

• tambo-ai/tambo

  Generative UI SDK for React

  11.2K stars · TypeScript