Closed grantcodes closed 1 month ago
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 |
Decided to use Pico.css as a base for styles due it's small footprint and easy theming and tweaking
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: