SimpleCSS: A Classless CSS Framework

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Marx

    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

    Simple.css is a classless 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

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • normalize.css

    A modern alternative to CSS resets

  • headlessui

    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

    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

    List of awesome CSS frameworks in 2022

    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

    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.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • spark-joy

    ✨😂 1000+ 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

    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

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts