For small web projects that you don’t want to get large CSS frameworks like Tailwind to be involved, the classless CSS libraries can be very handy. You just 1-2 lines into the head of the html and get beautifully styled pages. Here are a few classless CSS libraries you can use:
- concrete.css
- water.css
- pico css
- simple css
- classless.de
- mvp.css
- NES.css
- drop-in minimal css
- Oat : HTML components plus some additional ones
Usage example
To use water.css
, just paste this into the <head> of your HTML:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"
/>
Update 2024-06-30: A more comprehensive list of classless CSS libraries with a screenshot of how they look can be found in this repository .