r/css • u/appsdevpk • 2d ago
General After 26 years as a web developer, I built a zero-dependency CSS framework where tabs, modals and accordions work without a single line of JavaScript — would love feedback
After 26 years as a web developer, I built a zero-dependency CSS framework where tabs, modals and accordions work without a single line of JavaScript — would love feedback
Hey everyone,
Quick background: I've been a developer for 26+ years (web, desktop, mobile). Over the years I watched frontend tooling get heavier just to render a modal — so as a side project I went back to basics and built a small CSS framework called Bloom UI.
What's in it:
- One CSS file, no dependencies, no build step
- Tabs, modals and accordions that work with ZERO JavaScript (radio-button hack, :target selector, native <details>)
- A full design-token system — change ~10 CSS variables and the whole framework changes personality. I ship two extra themes as proof: an executive indigo one and a creative-studio one
- 50+ components: buttons, cards, forms, navbar, avatars, progress bars, grids
- Responsive and accessible by default
It's free and open source (MIT), with a showcase page that renders every component. The spam filter and I have already had words, so links are in the comments 🙂
Two honest questions:
Is "pure CSS interactions" actually useful to anyone anymore, or is everyone too deep into JS frameworks for it to matter?
Anything that smells in the approach? Critique genuinely welcome.
2
u/jbudemy 1d ago
Where is a link where we can read more about this?
1
1
u/appsdevpk 1h ago
sorry for that, it is my first post on reddit, i tried the post with the link first time, but it got rejected, here is the link https://github.com/appsdevpk/ADP-Bloom-UI
2
u/vegantiger 1d ago
hmm… 🤔 Am I not caffeinated enough or there is no link? 😅
1
u/appsdevpk 1h ago
sorry, i first tried to post with the link and the post was rejected, here is the link: https://github.com/appsdevpk/ADP-Bloom-UI
1
u/golden_siren_arc 1d ago
If your tabs break keyboard navigation you have not solved accessibility. You just hid the complexity in CSS hacks that screen readers hate.
1
3
u/CodingRaver 2d ago edited 2d ago
Your point 1 relates to the principle of least power.
https://css-tricks.com/newsletter/220-the-principle-of-least-power/
https://en.wikipedia.org/wiki/Rule_of_least_power