Top
Best
New

Posted by twapi 20 hours ago

Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library(oat.ink)
https://github.com/knadh/oat

Related: https://nadh.in/blog/javascript-ecosystem-software-developme...

475 points | 122 commentspage 4
Maxion 19 hours ago|
This looks very very cool. Will definitely look in to using this for more static internal tools!
scirob 9 hours ago||
ultra-lightweight, these dev's probably go hiking. I like : )
andrei_says_ 19 hours ago||
Thank you for this, can’t wait to use. Minimalism at its best.
mgaunard 18 hours ago||
The code example doesn't render for me.
freeopinion 12 hours ago|
Ditto, if you mean the codeblock in the Typography section.

edit: clarification, focus

freeopinion 12 hours ago||
The Preview of the Sidebar doesn't display the Logout button in the footer of the sidebar.

edit: That is, the footer is not within a visible area of the sidebar.

vpribish 8 hours ago||
how do you contrast this with https://picocss.com/ ?

I like your presentation of the components, but i'm having trouble finding the essential distinctions

leejoramo 7 hours ago|
I often use Pico CSS, and a comparison would be nice.
gaigalas 10 hours ago||
The form component:

https://oat.ink/components/#form

Looks a lot like a raw HTML+CSS framework I made in 2009:

https://alganet.github.io/ghiaweb/ (it has some small glitches, browser widgets changed a lot since 2009).

Particularly the use of the label, fieldset and legend elements as native accessible solutions instead of instrumenting divs. Even the styling and the example resembles it a bit!

https://oat.ink/components/#grid

This is where it falls from grace IMHO. Grid classes are fundamentally non-semantic. I know they're popular and useful, but there must be a better (semantic) way of doing this. I haven't found it yet, but there must be.

superkuh 13 hours ago||
No, this is "Oat - Ultra-lightweight, semantic, zero-dependency Javascript UI component library". If it doesn't work without javascript it is not an HTML UI component library.
recursive 8 hours ago|
If it doesn't work without HTML, it's not a JS library.
yoz-y 19 hours ago||
Claims no classes but uses data- attributes and also classes (just look at the button example…)

Looks okay, but I don’t see why to use this over something like Marx if all you need is to not have bare browser default styling.

kitd 15 hours ago|
The claim is "no classes for native elements". Ie you don't need classes just to create a button etc.
mcknz 18 hours ago|
should call it oatmilk for max exposure
More comments...