Histoire de proposer autre-chose que le pachydermique Tailwind, j'ai regardé les frameworks css légers... Petite sélection (les poids sont présentés non gzippés)

---

MUICSS

Je l'utilise régulièrement, il est simple et ne demande pas un grand temps d'adaptation pour l'utiliser. Le CSS seul pèse 44ko. Si on veut les trucs un peu plus fancy (overlays, modal, selects custom) il faut ajouter un js de 20 ko.

C'est pas indécent et l'aspect, pour être assez épuré et minimaliste, n'en reste pas moins très satisfaisant.

download v0.9.43 - Site web

---

InvisCSS

Je ne l'ai pas testé mais il me semble qu'il constitue une alternative intéressante à MUICSS: il reste léger avec ses 50ko minifiés et ses 7ko de JS, est graphiquement très proche du rendu de Muicss ou bootstrap et propose plusieurs thèmes de base.

De plus, il dispose d'une panoplie de styles «admin» et je trouve ce concept intéressant.

Comme Muicss, l'ensemble est assez minimaliste ce qui a l'avantage d'être facilement adaptable.

Un détail particulier a attiré mon attention: la philosophie d'InvisCSS est d'éviter la multiplication de classes pour appliquer les styles:

<button class="btn btn-primary">Primary Button</button> // bootstrap
<button class="pure-button pure-button-primary">Primary Button</button> // pureCSS
<button class="primary">Primary Button</button> // InvisCSS

downloads v1.6.6 - Site web

---

Vanilla CSS

Deux choses ont attiré mon attention: le nom et le fait que c'est réalisé par la Ubuntu Web Team. Le truc semble assez complet et bien foutu même si le style reste assez austère à première vue. La page de démo permet de se faire une idée précise des possibilités qui semblent assez étendues.

Toutefois, impossible d'avoir une évaluation du poids réel du machin car il utilise sass, ce qui me semble un comble pour un framework qui se fait appeler vanilla...

Download v2.4.0 - Site web

---

Knacss

Même s'il s'agit plus d'une «feuille de style RESET survitaminée» il m'a semblé intéressant de le placer ici.

KNACSS prend en charge les styles de base, mais également la typographie, les modèles de boîte, les alignements et positionnements d’éléments, les grilles de mise en page, dans l’esprit d’être adapté à toutes les tailles d’écran (responsive). Le tout automatiquement, en l'appliquant simplement sur votre structure HTML.

Le style est assez basique mais très fonctionnel et sa simplicité permet là encore de le customiser facilement, le tout pour 37ko. Si vous avez besoins des onglets, il faudra ajouter 4.5ko de js.

Download - Site web

---

Milligram

Avec un poids de 8.72 ko, c'est une feuille de styles vraiment légère. L'ensemble paraît minimaliste mais cohérent et propre comme le montre la page du projet

Download v1.3.0 - Site web

---

Beauter

Avec son style coloré, beauter sort un peu de l'austérité des précédents frameworks. Côté poids, le css pèse 25.5ko et le js se contente d'un modeste 1.8ko. Il mérite donc d'être testé

A tester donc. Download - Site web

---

Lit

Un vrai poids plume pour la base (838 octets !) auxquels on peut ajouter 2.2 ko pour les «utils» afin que lit devienne plus qu'une feuille reset. 3ko, c'est pas mal.

Le style est très coloré avec des contrastes de couleur peut-être un peu violents; les éléments de base sont présents, sans effets fancy, ce qui est normal pour un poids aussi réduit. Je vois bien ce framework pour une appli destinée aux plus jeunes.

Download - Site web

---

Conclusion

Il y en a encore beaucoup mais ils se limitent souvent à une standardisation/reset de styles ou alors ils sont très moches...

Pour la plupart, ils n'atteignent pas les fonctionnalités des poids-lourds du genre, et c'est normal: ce n'est pas ce qu'on attend d'eux... Si vous utilisez 10% d'un bootstrap autant utiliser autre chose. Ces frameworks me semble suffisants pour la plupart des productions persos.