SimpleCSS: A Classless CSS Framework

• Marx

  5 1,683 4.0 CSS

  The classless CSS reset (perfect for Communists).

This is my take on this from 2015: Marx - The classless CSS reset (perfect for Communists) https://github.com/mblode/marx

• simple.css

  8 3,941 7.3 HTML

  Simple.css is a CSS template that allows you to make a good looking website really quickly.

Creator of Simple.css here.

Thanks for all the feedback and comments here, folks. It really is appreciated.

I’m not a professional web designer - this just started off as a personal project that I ended up publishing as people I shared it with seemed to like it.

I’m taking on board the various feedback from people much more knowledgeable than I here, again I really appreciate it.

If you do have feedback/changes I’d urge you to log an Issue or a PR on Github[1].

Also great to see so many other minimal CSS projects that I wasn't aware of. I’ll have to add an alternatives page to the site, I think.

[1] https://github.com/kevquirk/simple.css

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• normalize.css

  53 51,891 0.0 CSS

  A modern alternative to CSS resets

• headlessui

  181 24,418 9.1 TypeScript

  Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

  

Now, all we need is to get to take these CSS libraries turn into "themes" for https://headlessui.dev/ widgets. Bonus points if we agree onto some standard set for variable names, so frontend developers could then literally just change the "import css" file at the top and have completely different styles.

• oinam-jekyll

  4 27 4.6 CSS

  A simple, clean, and minimal Jekyll Theme.

  

Simple.css is a well done classless 'framework'. I stumbled on it a while back and started using it and thought this can be my go-to styles for tit-bits of websites that I do for landing pages, family websites etc. However, this is pretty opinionated (including some animations) and I had to abandon it. But I remained inspired by its simplicity and forked my own[1] broke it down. I broke it down to the most basic, but then can be built on top of it -- progressively get a website "designed" far enough but not further.

If you are into these simple classes, check out Drop-in Minimal CSS[2] and choose the one that fits your need.

Simple.css is from an interesting guy, Kev Quirk[3], whose 512kb[4] website was on Hackernews a while back (don't recollect if it was a story or a comment). Hi Kev, if you are around.

If you are spinning up a simple website with classless styles, perhaps it is a good idea to add a print styles and I like Gutenberg[5] for that.

1. https://oinam.github.io/oinam-jekyll/

2. https://dohliam.github.io/dropin-minimal-css/

3. https://kevq.uk/about/

4. https://512kb.club

5. https://github.com/BafS/Gutenberg

• awesome-css-frameworks

  14 7,325 5.2 CSS

  List of awesome CSS frameworks in 2024

You can have a look at https://github.com/troxler/awesome-css-frameworks which is an extensive collection of CSS frameworks. Have a look at the "Class-less" section to checkout similar projects.

There is also an open PR to add Simple.css to the list: https://github.com/troxler/awesome-css-frameworks/pull/85

• writ

  1 459 10.0 HTML

  Discontinued Opinionated, classless styles for semantic HTML

  

A love style sheets like this that just work with plain, semantic HTML. For a while I used this one on a site of mine: https://github.com/programble/writ

Which I believe I found here on HN some time ago.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• spark-joy

  37 9,216 6.8 JavaScript

  ✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.

I collect a list of similar lightweight/drop in CSS frameworks here: https://github.com/sw-yx/spark-joy#drop-in-css-frameworks

enjoy!

• marcssist

  1 9 10.0 JavaScript

  Turn a JavaScript object with CSS styles into a class in a stylesheet

I called my classless (even though it really wasn’t, just like in politics) CSS library marcssist https://github.com/jacobrask/marcssist

Suggest a related project