Bootstrap ou Tailwind CSS
Stack
Comparatif
styled-components / Emotion ou Tailwind CSS ?
CSS-in-JS pour les styles très dynamiques liés aux props. Tailwind pour la grande majorité des cas.
Outil A
styled-components / Emotion
Concurrent
Outil B
Tailwind CSS
Styler directement dans le HTML : plus de fichiers CSS à gérer, plus de nommage BEM.
Critère par critère
| Critère | styled-components / Emotion | Tailwind CSS |
|---|---|---|
| Dans ma stack | Non, concurrent | Oui |
| Ma note | Pas de fiche chez moi | 4.8 sur 5 |
| Ce qu’il fait mieux | CSS-in-JS avec props dynamiques, colocation parfaite style/composant | Vitesse de développement : plus besoin de nommer des classes ou switcher entre fichiers |
| Ce qu’il fait moins bien | Performance (runtime CSS), bundle plus lourd, configuration plus complexe | HTML verbeux avec de longues chaînes de classes : lisibilité à travailler avec cn() |
| Prix d’entrée | Pas de fiche chez moi | 0€ |
| Plan que je retiens | Pas de fiche chez moi | Open Source · 0€ |
| Compatible avec | Pas de fiche chez moi | macOS, Windows, Linux, Navigateur |
| Source de l’avis | Comparé depuis ma fiche Tailwind CSS | D’après ma fiche Tailwind CSS |
Verdict
Mon verdict
CSS-in-JS pour les styles très dynamiques liés aux props. Tailwind pour la grande majorité des cas.