Tailwind CSS

Tailwind CSS

Tailwind est différent des frameworks comme Bootstrap, Foundation ou Bulma en ce qu'il ne s'agit pas d'un kit d'interface utilisateur.
Tailwind est différent des frameworks comme Bootstrap, Foundation ou Bulma en ce qu'il n'est pas un kit d'interface utilisateur.Il n'a pas de thème par défaut et il n'y a pas de composants d'interface utilisateur intégrés.D'un autre côté, il n'a également aucune opinion sur l'apparence de votre site et n'impose pas de décisions de conception que vous devez vous battre pour annuler.Si vous recherchez un framework avec un menu de widgets prédéfinis pour construire votre site, Tailwind n'est peut-être pas le bon framework pour vous, c'est pourquoi nous avons quelques alternatives.Mais si vous voulez une énorme longueur d'avance dans la mise en œuvre d'un design personnalisé avec sa propre identité, Tailwind pourrait être exactement ce que vous recherchez.L'utilitaire d'abord La création d'un cadre pour la création d'interfaces utilisateur personnalisées signifie que vous ne pouvez pas fournir d'abstractions au niveau habituel de boutons, formulaires, cartes, barres de navigation, etc.interfaces utilisateur complexes sans encourager deux sites à se ressembler.Compatible avec les composants Bien que vous puissiez faire beaucoup avec seulement des classes utilitaires, parfois une classe de composants est la bonne décision.Tailwind fournit des outils pour extraire des classes de composants de modèles d'utilitaires répétés, ce qui facilite la mise à jour de plusieurs instances d'un composant à partir d'un seul endroit.Réactif au cœur Chaque utilitaire Tailwind est également disponible en versions réactives, ce qui rend extrêmement facile la création d'interfaces réactives sans jamais quitter votre code HTML.Tailwind utilise un préfixe {screen}: intuitif qui permet de remarquer facilement les classes réactives dans votre balisage tout en gardant le nom de classe d'origine reconnaissable et intact.Conçu pour être personnalisé S'il est logique d'être personnalisable, Tailwind vous permet de le personnaliser.Cela inclut les couleurs, les tailles de bordure, les épaisseurs de police, les utilitaires d'espacement, les points d'arrêt, les ombres et des tonnes de plus.Tailwind est écrit en PostCSS et configuré en JavaScript, ce qui signifie que vous avez toute la puissance d'un véritable langage de programmation à portée de main.Tailwind est plus qu'un framework CSS, c'est un moteur pour créer des systèmes de conception.
tailwind-css

Site Internet:

traits

Les catégories

Alternatives à Tailwind CSS pour Web

Topcoat

Topcoat

Topcoat est une toute nouvelle bibliothèque CSS open source conçue pour aider les développeurs à créer des applications Web en mettant l'accent sur la vitesse.
Material Design Lite

Material Design Lite

Cadre Web frontal de Google pour la construction de sites selon la spécification Material Design.
320 and Up

320 and Up

Le passe-partout réactif «petit écran d'abord».
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced a plusieurs des mêmes fonctionnalités de mise en page que vous connaissez et aimez, mais les améliore avec un meilleur ciblage mobile, un ordre des colonnes personnalisé, de meilleures options d'alignement ...
The Semantic Grid System

The Semantic Grid System

Définissez les largeurs des colonnes et des gouttières, choisissez le nombre de colonnes et basculez entre les pixels et les pourcentages.
Kube Web Framework

Kube Web Framework

Kube est l'un des frameworks les plus avancés et les plus flexibles au monde.Kube vous aide à passer moins de temps sur les tâches de routine et plus de temps à créer des produits incroyables.
The Goldilocks Approach

The Goldilocks Approach

L'approche Goldilocks pour une conception Web réactive - Un bon point de départ pour une conception qui élimine la résolution de l'appareil de l'équation.
Golden Grid System

Golden Grid System

Un système de grille pour une conception Web réactive.Comprend des colonnes pliantes, des gouttières élastiques, une grille de ligne de base zoomable et un délicieux script de superposition de grille.
Less Framework

Less Framework

Less Framework est un système de grille CSS pour la conception de sites Web adaptatifs.Il contient 4 mises en page et 3 ensembles de préréglages de typographie, tous basés sur une seule grille.
960 Grid System

960 Grid System

Le 960 Grid System est un effort pour rationaliser le flux de travail de développement Web en fournissant des dimensions couramment utilisées, basées sur une largeur de 960 pixels.
Sassy-validation

Sassy-validation

Sassy-validation est une bibliothèque de validation de type de données Sass. Validez les données entrées ou ne faites pas Sass du tout!
Wee

Wee

Cadre frontal léger pour la construction logique de projets Web complexes et réactifs.
inuit.css

inuit.css

inuit.css est un framework CSS léger et constamment mis à jour qui vous fournit un point de départ pragmatique et riche en fonctionnalités pour tous vos projets.
Flexbox Grid

Flexbox Grid

Un système de grille basé sur la propriété d'affichage flexible.
Backstretch

Backstretch

Backstretch est un simple plugin jQuery qui vous permet d'ajouter une image d'arrière-plan capable de redimensionner dynamiquement à n'importe quelle page ou élément.