Sur notre projet on est en train d’envisager un passage de bootstrap à Tailwind. Je ne sais pas si vous connaissez ?
Attention ce n’est pas du tout comparable à Bootstrap! Tailwind c’est un framework qui n’est composé que de classes utilitaires. Par exemple py-10 veut dire "ajouter 10 pixels de padding sur l’axe vertical.
Autrement dit Tailwind n’est pas pour des gens qui ne savent pas faire du html/css, c’est l’inverse complet : il est pour ceux qui sont à un stade avancé et ont exploré la plupart des soucis liés à l’organisation du CSS et de ses problèmes de sémantique. Si vous avez un peu de temps, cet article explique très bien la chose :
Du coup Tailwind ne vous donne pas de composants tout fait comme Bootstrap. Les auteurs de Tailwind ont bien créé Tailwind UI qui est un équivalent à Bootstrap utilisant Tailwind, mais cela ne change rien au fait qu’il faut aussi connaître le CSS et Tailwind pour le customiser. De plus ce n’est pas gratuit (150 dollars minimum) et c’est toujours en early access.
Les raisons pour lesquelles beaucoup passent sur Tailwind c’est que Tailwind force à la cohérence graphique en ne donnant que des valeurs prédéfinies via des classes utilitaires. Le but avec Tailwind ce n’est pas vraiment de faire des templates HTML classiques (quoique c’est parfaitement possible) car que ce sera verbeux, répétitif et moche à lire. Le but de Tailwind c’est de bosser par composants et dans ces composants, d’éviter que quelqu’un improvise une taille de font ou de padding, tout en s’affranchissant des problématiques de nommage et de sémantique.
Je vais probablement tester Tailwind bientot pour un projet aussi, mais je fais du CSS depuis 5 ans. Si vous êtes moyen surs de vos compétences en CSS, vaut mieux rester sur du bootstrap et prendre une implémentation avec le framework de votre choix.
SI vous voulez une liste de frameworks ou librairies alternatives à Vue/React/Angular allez jetez un oeil sur cette page où j’en ai liste pas mal.