What is this?
Oat is an ultra-lightweight, zero-dependency semantic HTML+CSS+JS UI component library (~10KB min+gz) for building web interfaces without a framework or build step.
Oat is an ultra-lightweight, zero-dependency semantic HTML+CSS+JS UI component library (~10KB min+gz) for building web interfaces without a framework or build step.Is this a framework or just a stylesheet?It is not a framework — just a tiny CSS file plus a small JS file for a handful of dynamic WebComponents; there's no build tooling or framework involved.
It is not a framework — just a tiny CSS file plus a small JS file for a handful of dynamic WebComponents; there's no build tooling or framework involved.How do I add it to a project?Just include the tiny CSS and JS files (or their CDN links) directly in your HTML page and start using semantic tags — no build step required.
Just include the tiny CSS and JS files (or their CDN links) directly in your HTML page and start using semantic tags — no build step required.Do I need any other libraries to use it?No — Oat is built with zero dependencies, so there's nothing else to install.
No — Oat is built with zero dependencies, so there's nothing else to install.Any gotchas before I rely on this?It's still pre-v1, so expect breaking changes until it reaches version 1.0.
It's still pre-v1, so expect breaking changes until it reaches version 1.0.Why did the author build Oat instead of using an existing component library?The author got tired of the bloat, dependencies, and rug-pulls common in JavaScript UI/component libraries and wanted a minimal alternative for personal projects.
The author got tired of the bloat, dependencies, and rug-pulls common in JavaScript UI/component libraries and wanted a minimal alternative for personal projects.Do I need to add CSS classes to style components?No — Oat styles semantic HTML tags and attributes contextually out of the box, giving decent-looking components without class pollution.
No — Oat styles semantic HTML tags and attributes contextually out of the box, giving decent-looking components without class pollution.Where can I see a live demo or the docs?The live demo and documentation are hosted at oat.ink.
The live demo and documentation are hosted at oat.ink.What are similar projects?daisyui, mdb-ui-kit, chakra-ui, materialize, pico, vuetify, shoelace, hyperui
daisyui, mdb-ui-kit, chakra-ui, materialize, pico, vuetify, shoelace, hyperuiWhich topics is it in?web-ui, minimalist, webcomponents, component, css-framework, vanilla-javascript, ui-kit, ui-design, zero-dependency, no-dependencies, ui-library, lightweight
web-ui, minimalist, webcomponents, component, css-framework, vanilla-javascript, ui-kit, ui-design, zero-dependency, no-dependencies, ui-library, lightweight