211

Oat – Ultra-lightweight, semantic, zero-dependency HTML UI component library

Why do all the UI component libraries always feature an accordion (something i can build myself in 5 minutes and very rarely need), but always omit a date picker / calendar component (something that is needed almost in every corporate web form and really requires a lot of effort to build)?

an hour agoanton-107

I must appoligize - it is there, hidden under "Form elements" in the left menu. Kudos to the authors!

44 minutes agoanton-107

Isn't it the one from the web browser? An <input type="datetime-local" />

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...

40 minutes agospeedgoose

That one is highly inconsistent, on some platforms its useless. For instance on Chrome/linux entering historic dates via the datepicker takes minutes to slowly scroll through the years. Always build your own datepicker, you know better what UX pattern will best suit your application and your users.

19 minutes agowebstrand

The motivating blog post[1] linked from the front page is probably going to generate a more interesting discussion than the framework itself.

As someone who has to deal with both angular and nextjs for different (but overlapping) stacks at work, I find myself increasingly sympathetic to this viewpoint.

[1]: https://nadh.in/blog/javascript-ecosystem-software-developme...

6 hours agoswiftcoder

This website pleases me greatly. 0 time from tap to fully loaded pages.

a minute agoskeledrew

This site got me going. Almost had whiplash when I tapped a link and the page loaded literally instantly. I've almost forgotten that that's possible on the internet. I'm not a web dev, but I'm inspired to get into it now because of this site.

8 minutes agoskeledrew

This has the simplicity I thought I was going to get from DaisyUI but didn’t. Pairing this with Datastar seems like a super powerful combination that leans on actual web standards, not “ecosystems”.

an hour agoJSR_FDED

5 day old repo, 2000 stars on GitHub, 400 total weekly downloads on npm. Frontpage of hacker news with a bunch of weird comments. Moderation has been lacking recently.

6 hours agoscandinavian

You are jumping to conclusions. The author is the CTO of the largest online brokerage in India but more importantly, they have created many open source software of good quality. His website and blog are of great quality. Whether you think this library deserves more attention or not is your personal preference but it is far from spam. I havr no affiliation with them but like their work.

2 hours agocodegeek

It's possible for both things to be true: this project is written by a developer well-known within India, AND this thread has a lot of bot (bought?) comments of praise in it.

an hour agobityard

The author is the CTO of Zerodha, India’s largest online brokerage. Not that it matters, just an observation.

5 hours agossiddharth

A CTO that codes? Interesting indeed.

4 hours agoisodev

CTO in my company* remains SME on a several components, commits to several production repositories (and expects the most stringent PR checks), and maintains couple of small tool used by us and the customers.

Its not that rare I think.

*small fintech with couple of billions in the accounts, not a startup, not a Fortune 500 company

an hour agosubscribed

Sad that HN is now also getting boted by LLMs. People are just shameless. HN is one of the few places left where you can post / self promote something you have made only for people to take advantage of it.

5 hours agosschueller

The strangest part is the weird commenting accounts have pretty old account ages.

5 hours agoZeWaka

I don't know if you're demonstrating reductio ad absurdum, but maybe that's because they are genuine? As people in the thread have pointed out, the author as well as their company is pretty well-known in software circles. They have had multiple projects discussed on HN in the past[1]. 2000 stars is not a lot given that [2].

I fail to understand why a ton of breathless blog posts about the process of AI-assisted coding are more interesting to HNers than some of the actual code (potentially, not claiming anything about it) written.

Maybe you or the GP could actually say what you think are "weird comments" and why you think this is being "boted"?

---------------

[1] https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que...

[2] Why are people obsessed with star counts? I at least only star things to bookmark them, not vouch for them in any way. It does not seem unreasonable to me that 5 times as many people bookmarked the repo in the early days than are using it on npm. Also, npm is not necessary, the author shows at least 2 other ways to use it (direct download, link to GitHub pages) which will not show up in npm stats.

5 hours agoquadrifoliate

> I love it. We need to see more of this.

> Use of semantic elements is an interesting take. I'll give it a try.

> Thank you for this, can’t wait to use. Minimalism at its best.

> Good one. Presentation is good too. Thanks

These are the kind of comments you see from Indians paid to boost Youtube content.

4 hours agosfdlkj3jk342a

An explanation that would fit both the old accounts and the artificial comments would be that they were encouraged by the author to comment (which is against the HN rules).

an hour agon_e

They're probably just Indians using the framework saying "thanks." India has the largest population on Earth, they're close to 1.5 billion now. I think some people underestimate what that means.

2 hours agojonathanstrange

It is probably not bots. The reach of authors is pretty good. He actually loyal fan followers in india. You can see the same when he shows up on a podcast or talk.

I think theres alot indian developers who are hacker news as well as on github and other forums.

4 hours agodebarshri

Why do all the comments look exactly like paid comment spam?

4 hours agoJasonADrury

On second look. It could be spam. This is disappointing.

4 hours agodebarshri

[dead]

4 hours agodecremental

Perhaps stolen accounts? I doubt every user is practising good security hygiene with a unique password per each account. Password leaks from other sites might well allow a motivated individual to hijack some here.

an hour agoe2le

I could speculate that someone in the past had the business mindset to create thousands of accounts over multiple sites and offers the ability to loan them out for a period of time.

7 minutes agoleke

If you search you can easily find sites to buy aged HN accounts, lots of them. Just like reddit accounts.

3 hours agogas9S9zw3P9c
[deleted]
an hour ago

Thank you for sharing, I would like to see a navigation/menu component added though as that's required for most websites.

an hour agoXeoncross

There’s a ton of semantic drop in css libraries similar to this. Love seeing new ones. Quality varies wildly but this site shows 50+ drop in stylesheets for those writing semantic html: https://dohliam.github.io/dropin-minimal-css/

2 hours agoroxolotl

Reminds me of what bootstrap [1] was like around a decade ago. It's gotten quite a bit bloated since then though.

1. https://getbootstrap.com/

4 hours agohiyer

Great work! PicoCSS feels a bit too minimalist at times. This looks like a better balance of lightweight and functional.

6 hours agokitd

Surprised that none of the comments here are comparing this to Bootstrap.

5 hours agorohitpaulk

Yeah reminds me of early Bootstrap

5 hours agoweiliddat

Wouldn't a comparison to Bulma be more apt?

an hour agoJCattheATM

Seems pretty unresponsive to me. I'm getting at least half a second of delay before the accordion, drop-down, or switch do anything. Chrome on Windows.

6 hours agomkl

My initial reaction was that I have to use this just because of the buzzword density in the title. But after reading up, it looks like the author was pretty successful in moving the bloat from code to announcement title. I'll give this a try!

6 hours agojlg23

Amazing! I recently started building something similar for the same reasons, but more out of frustration rather than out of desire. I'll have to give this one a try and see if it fills the need.

6 hours agobpev

Next:

Oath

Oatly

Ooaut

Oaar

25 minutes agomaximalthinker

Nice job! Clicked tru my obscure mobile firefox and all worked well!

7 hours agoneon_me

People need to stop with these stupid 12 column grids and learn how grid and flex work. Other elements are ok but this is just stupid

an hour agodankobgd

This looks very very cool. Will definitely look in to using this for more static internal tools!

6 hours agoMaxion

This is kind of misleading. It says it's an HTML UI library, then it says HTML + CSS, and then it says it also includes JavaScript. Why is this better than, say, DaisyUI?

6 hours agokoakuma-chan

Iirc there's a few web components in there which would require js.

5 hours agohttpsterio

I just want something that's as easy to use as DaisyUI or even Bulma with one good set of components & themeing(beyond just palletes, like rounding, blur, transparency etc) & I'm good. For all the self-hosting model afficianados surely needing a build platform to create a blackhole of npm modules & internet connectivity for even a single build surely negates the entire point of a coding LLM if we still force it to deal with frontend

3 hours agovillgax

You mean you want DaisyUI but with extended theming, like ability to make inputs, etc, rounded? This is also something I was considering.

3 hours agokoakuma-chan
[deleted]
5 hours ago

The code example doesn't render for me.

5 hours agomgaunard

This does not even need a LLM skill, just load the whole code up in context, so efficient.

6 hours agovisarga

No Datepicker?

5 hours agoakrauss

I'm not a web dev, but doesn't HTML come with a date picker?

3 hours agobartvk

HTML also comes with a button and an accordion.

23 minutes agoLudwigNagasena

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.

6 hours agoyoz-y

The claim is "no classes for native elements". Ie you don't need classes just to create a button etc.

2 hours agokitd

should call it oatmilk for max exposure

5 hours agomcknz

Thank you for this, can’t wait to use. Minimalism at its best.

6 hours agoandrei_says_

[flagged]

6 hours agodeafpolygon

I'm not a web dev, what do you love about it?

3 hours agobartvk

[flagged]

5 hours agodingi

[flagged]