grantcodes / sustainable-web-starter

A simple starter to help create sustainable, eco-friendly websites
MIT License
1 stars 0 forks source link

Research potential CSS frameworks #8

Open grantcodes opened 1 month ago

grantcodes commented 1 month ago

Any starter kit will need to have at the very least basic styling.

I'd like to evaluate existing CSS frameworks / base styles to see if they would be suitable for this project (as opposed to building everything from scratch).

I believe any CSS framework used should:

grantcodes commented 2 weeks ago

CSS Frameworks

I checked out a bunch of the most popular css frameworks on GitHub to see what might be useful for this project:

Framework Suitable Notes
bootstrap ✔️ built with sass but think it can be used as pure css
Tailwind CSS best used with build tools
Bulma ✔️
Materialize Too outdated
NES.css not appropriate
pico ✔️ very simple but still pretty
spectre Feels a little outdated, requries build step for theming
milligram Feels outdated, no obvious theming
Windi CSS No future updated
MUI Feels outdated, build step for theming
sakura build step required for theming
PaperCSS not appropriate
new.css ✔️ Very simple classless styles
UnoCSS Requires a lot of tooling
MVP.css ✔️ Simple classless css
Simple.css ✔️ Simple classless css
Tacit ✔️ Suitable but feels outdated
Pure No obvious theming option
Picnic CSS No obvious theming option
Chota ✔️ Could be a good fit
Foundation Think it needs sass for theming
UIkit Uses build step for theming
open-props JS based
HiQ Best used with PostCSS build step
Vanilla Framework Theming based on sass build step
Cirrus Theming based on sass build step
Blaze Atoms ✔️ Has a pretty cool tool to generate themes based on css variables
Formantic-UI Theming has build step
Spruce CSS Seems, pretty modern lightweight, but needs sass to be more useful