4 ms·

water.css[0] and pico.css[1] are some of my favorite classless css libraries. There's a full list of them here: https://github.com/dbohdan/classless-css https:

water.css[0] and pico.css[1] are some of my favorite classless css libraries. There's a full list of them here: https://github.com/dbohdan/classless-css https://github.com/dbohdan/classless-css [0]: https://watercss.kognise.dev/ https://watercss.kognise.dev/ [1]: https://picocss.com/ https://picocss.com/

thunderbong 3y ago
I've tried a few of these 'classless CSS'. But I mostly end up with 'water.css'. It gives me the least amount of surprises.
jszymborski 3y ago
Water is great. Simple.css is another one I like. Also super simple to customize. https://simplecss.org/ https://simplecss.org/
julianwachholz 3y ago
I love Pico and wanted to point out there's very active development for a soon to be released v2: https://v2.picocss.com/ https://v2.picocss.com/
- lagt_t 3y ago
  Pico with bootstrap's grid system would be a dream.
  - sgdesign 3y ago
    You don't need a grid system now that CSS Grid exists.
    - lagt_t 3y ago
      The responsiveness of bootstrap's grid is something that css doesn't have. With a few classes I can make the same site for mobile and ultra wide screen.
      - Izkata 3y ago
        You'd do it with media queries and make different grids for different screen sizes. If anything it's more flexible than bootstrap because you can change element order as well.
        lagt_t 3y ago
        https://getbootstrap.com/docs/5.3/layout/columns/#reordering https://getbootstrap.com/docs/5.3/layout/columns/#reordering Bootstrap grid system is super complete, and probably better coded that anything I can make. Its also available as a standalone module, so the size is pretty small. I just wanted it integrated to PicoCSS because I'm lazy.
        Izkata 3y ago
        A really quick example of switching between desktop and mobile page layouts at 800px: @media (min-width: 800px) { #page { grid-template-areas: "header header" "menu content" "footer footer"; } } @media (max-width: 800px) { #page { grid-template-areas: "header menu" "content content" "footer footer"; } }
bemusedthrow75 3y ago
This is very helpful! I've been looking for a tiny classless CSS framework to go with petite-vue in a build-step-free app for a microcontroller project. water.css looks a good candidate already but there are some others to investigate there.
jamietanna 3y ago
Water looks nice, I've not used that before. I usually use https://classless.de https://classless.de because it supports theming, so I can add the bare minimum CSS to make it feel like a different site to another of my sites using it.
- rrishi 3y ago
  oh this one is really good
Zababa 3y ago
I love the bookmarklet from water.css, it allows you to turn lots of websites into something more readable.
- thunderbong 3y ago
  Oh! I want aware of that! Thanks, have to look into it
brnt 3y ago
Vote for mvp.css [0] here. [0] https://andybrewer.github.io/mvp/ https://andybrewer.github.io/mvp/
vitorsr 3y ago
Here is another such list: https://github.com/dohliam/dropin-minimal-css https://github.com/dohliam/dropin-minimal-css
Alifatisk 3y ago
I suggest checking out milligram.io, I enjoyed using it a lot!

thunderbong 3y ago

I've tried a few of these 'classless CSS'. But I mostly end up with 'water.css'. It gives me the least amount of surprises.

jszymborski 3y ago

Water is great. Simple.css is another one I like. Also super simple to customize. https://simplecss.org/ https://simplecss.org/

julianwachholz 3y ago

I love Pico and wanted to point out there's very active development for a soon to be released v2: https://v2.picocss.com/ https://v2.picocss.com/

lagt_t 3y ago
Pico with bootstrap's grid system would be a dream.
- sgdesign 3y ago
  You don't need a grid system now that CSS Grid exists.
  - lagt_t 3y ago
    The responsiveness of bootstrap's grid is something that css doesn't have. With a few classes I can make the same site for mobile and ultra wide screen.
    - Izkata 3y ago
      You'd do it with media queries and make different grids for different screen sizes. If anything it's more flexible than bootstrap because you can change element order as well.
      - lagt_t 3y ago
        https://getbootstrap.com/docs/5.3/layout/columns/#reordering https://getbootstrap.com/docs/5.3/layout/columns/#reordering Bootstrap grid system is super complete, and probably better coded that anything I can make. Its also available as a standalone module, so the size is pretty small. I just wanted it integrated to PicoCSS because I'm lazy.
        Izkata 3y ago
        A really quick example of switching between desktop and mobile page layouts at 800px: @media (min-width: 800px) { #page { grid-template-areas: "header header" "menu content" "footer footer"; } } @media (max-width: 800px) { #page { grid-template-areas: "header menu" "content content" "footer footer"; } }

bemusedthrow75 3y ago

This is very helpful! I've been looking for a tiny classless CSS framework to go with petite-vue in a build-step-free app for a microcontroller project. water.css looks a good candidate already but there are some others to investigate there.

jamietanna 3y ago

Water looks nice, I've not used that before. I usually use https://classless.de https://classless.de because it supports theming, so I can add the bare minimum CSS to make it feel like a different site to another of my sites using it.

rrishi 3y ago
oh this one is really good

Zababa 3y ago

I love the bookmarklet from water.css, it allows you to turn lots of websites into something more readable.

thunderbong 3y ago
Oh! I want aware of that! Thanks, have to look into it

brnt 3y ago

Vote for mvp.css [0] here. [0] https://andybrewer.github.io/mvp/ https://andybrewer.github.io/mvp/

vitorsr 3y ago

Here is another such list: https://github.com/dohliam/dropin-minimal-css https://github.com/dohliam/dropin-minimal-css

Alifatisk 3y ago

I suggest checking out milligram.io, I enjoyed using it a lot!