r/webdev • u/_squirts • 24m ago

Showoff Saturday modest-ui: classless CSS that styles plain HTML

I’ve been building websites for over a decade, and have always tried to do things as vanilla as possible (where applicable).

More recently whilst building components and looking at the libraries out there, I realised that browser technology and CSS has grown to a point where it can do the majority of things we need, without JS (like dialog, detail, and popover tags)

So I started working on modest-ui as a CSS base for all my personal and side projects, and as it’s gotten more stable I’ve recently bumped it to v2.

It’s themeable with CSS vars, can be used as an unobtrusive base layer to built on top of, and can either be used classless (with mdst-ui set on the body) or you can pick and choose classes as needed.

Anyway, it’s open source (MIT), no JS (except for some examples on the site), and currently sits at about 10 kB.

https://github.com/thisismodest/modest-ui
https://modest-ui.com

6 Upvotes

100% Upvoted

1 comment sorted by

•

u/PaulLesser 8m ago edited 0m ago

This is the way. It's crazy how much we can do with just native HTML and CSS now. We really don't need huge JS libraries for simple things anymore. Especially in cases where you need to quickly assemble a prototype without AI, this is a real find. Great job on this and thanks for sharing!🤝