I started building yet another CSS framework
I really wanted to move my automation server project to a proper framework instead of the current ad hoc nightmare of inline CSS and redundant classes... But nothing seemed quite right. None of them seem suitable for deep restyling without changing markup. So, I took all the good parts of my current CSS, replaced the bad parts with things I liked from the most popular frameworks, then extracted it as a standalone library. The whole thing is 17.5kb, without minifying or removing comments. It starts with classless styles for semantic html. There is a very small set of about 5 components(The…
In plain words
This is a lightweight CSS framework weighing 17.5kb that prioritizes restyling without markup changes. It begins with classless styles for semantic HTML and includes a minimal set of components like windows, cards, and toolbars, plus utilities and a 12-column flexbox grid. Built by a developer who found existing frameworks unsuitable for their automation server project, it combines preferred elements from popular frameworks while maintaining simplicity and flexibility for customization.
written from the facts on this page · September 2026
From the sources
In the maker’s words, at launch
I really wanted to move my automation server project to a proper framework instead of the current ad hoc nightmare of inline CSS and redundant classes... But nothing seemed quite right. None of them seem suitable for deep restyling without changing markup. So, I took all the good parts of my current CSS, replaced the bad parts with things I liked from the most popular frameworks, then extracted it as a standalone library. The whole thing is 17.5kb, without minifying or removing comments. It starts with classless styles for semantic html. There is a very small set of about 5 components(The intent is to basically build everything with mostly just windows, cards, and toolbars), and a mix of high and low level utilities. There's a 12 column grid(not a real CSS grid, trying to keep it all flexbox all the time, it's just simplegrid pared down even more), a very small collection of sizing primitives. I don't like the whole w-1 through w-100 stuff with hundreds of classes, instead, I use heights from the Highly Composite Number sequence, that you probably already know from somewhere or other(1,2,4,6,12,24, 36, 48, 60). For widths, instead of exact fixed widths, I have w-sm-full and w-sm-half. The semantics of it is "About the full width of a phone screen, but the theme can fudge it a bit". The reasoning is that most of the time, I'm designing things to collapse down to a long string of 1 phonewidth cards, might as well have a class for it. I use zero media queries, except for a single desktop-only class. Nothing in markup should have to think about mobile vs desktop. This isn't even v0.1 yet, there are still bugs, but the skeleton is there, and I'm posting now to hopefully get some feedback early, so I can fix anything before it's hard to fix.
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 1d ago · opentrailpaper.com
Launched alongside, November 2023
the whole month →
Discover & book top creators to promote your product
Growth · 2023 · passionfroot.me
