Show HN: Neat, the Minimalist CSS Framework

1. Milligram

   1 23 10,217 0.0 HTML

   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!

2. SaaSHub

   www.saashub.com featured

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

   

3. Tacit

   2 6 1,719 7.5 SCSS

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

   

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

4. spark-joy

   3 39 9,442 6.2 JavaScript

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

5. Water.css

   4 35 8,360 0.0 CSS

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

   

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

6. almond.css

   5 15 1,141 2.9 JavaScript

   Collection of CSS styles to make simple websites look nicer

   

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

7. new.css

   6 8 3,970 0.0 HTML

   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

8. pico

   7 87 14,190 7.7 CSS

   Minimal CSS Framework for semantic HTML

   

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

9. sakura

   8 22 4,187 3.4 HTML

   :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.

10. spcss

    9 3 945 1.8 CSS

    A simple, minimal, classless stylesheet for simple HTML pages

11. mvp

    10 20 5,028 6.5 HTML

    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

12. fieber

    11 2 18 4.4 CSS

    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

13. Picnic CSS

    12 13 3,840 7.7 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

14. latexcss

    13 1 153 10.0

    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.

15. neatcss

    14 2 664 5.8 HTML

    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

16. caniuse

    15 429 5,692 9.5 JavaScript

    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

17. mu

    16 3 233 10.0 HTML

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

18. csswg-drafts

    17 74 4,571 9.9 Bikeshed

    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.)

19. Bootstrap

    18 572 171,239 9.5 JavaScript

    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...

Suggest a related project