Show HN: Neat, the Minimalist CSS Framework

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

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • Milligram

    A minimalist CSS framework.

  • Thanks for sharing, I love minimalist CSS frameworks that are easy to digest. My go-to for the past ~5 years has been https://milligram.io -- mainly for the grid and basic styling -- although, the author hasn't updated it in a few years. I'm going to give yours a shot!

  • Tacit

    CSS framework for dummies, without a single CSS class: nicely renders properly formatted HTML5 pages

  • - https://yegor256.github.io/tacit/

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • spark-joy

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

  • i collect these for fun! adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

    more like this:

      -  https://andybrewer.github.io/mvp/ mvp.css

  • Water.css

    A drop-in collection of CSS styles to make simple websites just a little nicer

  • - https://watercss.kognise.dev/ Small size (< 2kb)

  • almond.css

    Collection of CSS styles to make simple websites look nicer

  • - https://github.com/alvaromontoro/almond.css has thin fonts

  • new.css

    A classless CSS framework to write modern websites using only HTML.

  • - https://github.com/xz/new.css (https://newcss.net/) 4.8kb sets some sensible defaults and styles your HTML to look reasonable. It's perfect for: A dead-simple blog, Collecting your most used links, Making a simple "about me" site, Rendering markdown-generated HTML

  • pico

    Minimal CSS Framework for semantic HTML

  • - https://picocss.com/ Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

  • InfluxDB

    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.

    InfluxDB logo
  • sakura

    :cherry_blossom: a minimal css framework/theme.

  • - https://github.com/oxalorg/sakura supports extremely easy theming using variables for duotone color scheming. It comes with several existing themes, which can be found in the css folder of this repository.

  • spcss

    A simple, minimal, classless stylesheet for simple HTML pages

  • mvp

    MVP.css — Minimalist classless CSS stylesheet for HTML elements

  • i collect these for fun! adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

    more like this:

      -  https://andybrewer.github.io/mvp/ mvp.css

  • fieber

    Classless and accessible CSS framework

  • Shameless self-plug: I recently created my own classless CSS framework[1] and would appreciate feedback.

    [1]: https://github.com/zichy/fieber

  • Picnic CSS

    :handbag: A beautiful CSS library to kickstart your projects

  • Picnic CSS:

    https://picnicss.com/

    My own and one of the older ones, almost 10 years ago, see the original Show HN:

    https://news.ycombinator.com/item?id=8315616

  • latexcss

    Nearly Classless CSS file to give html a latex-like look

  • Oooh I was going to recommend you add Latex.css to your list (https://github.com/davidrzs/latexcss) but I see you have a fork listed with some pretty good additional features (https://latex.vercel.app/).

    I use the former for my Zettelkasten and it looks very nice.

  • neatcss

    Rapidly build efficient sites with Neat, the minimalist css framework.

  • I thought that was worth drawing attention to, i hope you and project owner don't mind:

    https://github.com/codazoda/neatcss/issues/29

  • caniuse

    Raw browser/feature support data from caniuse.com

  • After all, the purpose of system-ui [1] "is to allow web content to integrate with the look and feel of the native OS". Seems like a natural for something that's supposed to be minimalist.

    system-ui [2] is supported by 96% of web users, so there's no reason not to use it.

    [1]: https://w3c.github.io/csswg-drafts/css-fonts-4/#system-ui-de...

    [2]: https://caniuse.com/?search=system-ui

  • mu

    The μ css framework — a 1 ko css file. (by BafS)

  • csswg-drafts

    CSS Working Group Editor Drafts

  • system-ui is not suitable for general web content. Apps might have an argument for using it, but general web content should not use it. https://github.com/w3c/csswg-drafts/issues/3658 has some details (mostly by others, but I chip in towards the end), and I’ve written more in other threads here on HN too which you can search for.

    (That `box-sizing: content-box` is a good default might be my most unpopular CSS opinion, but writing off system-ui is probably not too far off it. But I care more about it because it’s one that actually affects users, not just developers. Maybe I should get round to pestering browser makers to improve their defaults for the sans-serif generic family so that “proxy for a maybe-prettier sans-serif” goes away as a reason to use system-ui.)

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • This is a weirdly contentious issue by web devs, but in my experience, system-ui is fine. It's used as the default in popular frameworks like Bootstrap[1], and most of the teething issues have been solved for a while now.

    [1] https://github.com/twbs/bootstrap/blob/adf7b8dc4083b6ddc318e...

  • SaaSHub

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

    SaaSHub logo
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