Un framework CSS utility-first qui vous permet de créer des designs modernes sans jamais quitter votre HTML.
Développez des interfaces en un temps record avec des classes utilitaires.
Créez des designs uniques sans être limité par des composants prédéfinis.
CSS final ultra-léger grâce au tree-shaking automatique.
Tout ce dont vous avez besoin pour créer des interfaces modernes et responsive.
Créez des designs adaptatifs avec des préfixes intuitifs comme sm:, md:, lg:.
Implémentez le mode sombre facilement avec le préfixe dark: sur n'importe quelle classe.
Gérez les états hover, focus, active avec des préfixes comme hover:, focus:.
Palette complète avec des nuances de 50 à 950 pour chaque couleur, incluant les couleurs P3.
Personnalisez tout via tailwind.config.js : couleurs, espacements, polices, etc.
Le CSS inutilisé est automatiquement supprimé, résultant en des fichiers de moins de 10kB.
Voyez à quel point il est facile de créer des composants magnifiques.
<button class="px-6 py-3 bg-gradient-to-r
from-purple-500 to-pink-500
text-white font-bold rounded-lg
hover:from-purple-600 hover:to-pink-600
transform hover:scale-105
transition-all shadow-lg">
Click Me!
</button>Contenu de la carte avec un design moderne et élégant.
<div class="max-w-sm bg-gradient-to-br
from-blue-500 to-purple-600
rounded-xl p-6 text-white
shadow-2xl">
<h4 class="text-xl font-bold mb-2">
Titre de la Carte
</h4>
<p class="text-blue-100">
Contenu de la carte...
</p>
</div>"Tailwind a révolutionné ma façon de coder. Je suis 3x plus rapide qu'avant!"
"La flexibilité de Tailwind est inégalée. Je ne reviendrai jamais en arrière."
"Enfin un framework qui me laisse créer exactement ce que j'imagine!"
Rejoignez des milliers de développeurs qui construisent des sites web modernes avec Tailwind CSS.