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 toutes les plateformes avec n'importe quelle licence

Cascade Framework

Cascade Framework

Bien que l'apparence générale soit inspirée par Twitter Bootstrap, le framework Cascade n'est pas simplement un autre clone Bootstrap.
Material Components for the Web

Material Components for the Web

Les composants de matériaux pour le Web (MDC Web) aident les développeurs à exécuter Material Design.
Wing framework

Wing framework

Wing est un framework CSS minimal qui fournit une base de styles, et vous n'avez même pas besoin d'apprendre un nom de classe gazillion, tous vos éléments seront stylisés automatiquement.
Amazium

Amazium

Système de grille 960 avec 12 colonnes pour Responsive Web Design.Fichier PSD qui a la configuration de la grille 960 pour vous basée sur des gouttières / marges 32px.
Basis

Basis

Développement de code propre ======================
Shine CSS Framework

Shine CSS Framework

Un framework CSS simple et léger.
Creative Tim

Creative Tim

Creative Tim propose des éléments de conception basés sur Bootstrap qui accélèrent votre travail de développement.Des plugins aux kits complexes, nous avons tout ce dont vous avez besoin.
  • Personnelle gratuite
  • Web
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow est un framework HTML et CSS pour créer des projets rapides, réactifs et axés sur le mobile sur le Web.
Fluid Baseline Grid

Fluid Baseline Grid

Le Fluid Baseline Grid System est un kit de développement HTML5 et CSS3 qui fournit une base solide pour concevoir rapidement des sites Web en toute simplicité.
Gridless

Gridless

Gridless est un passe-partout HTML5 et CSS3 en option pour créer des sites Web multi-navigateurs réactifs et mobiles avec une belle typographie.
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

La structure est un cadre de grille déclaratif basé sur Flexbox.La structure définit la disposition à l'aide d'attributs non standard sur les éléments.
Photon UI Kit

Photon UI Kit

Photon: le moyen le plus rapide de créer de belles applications Electron à l'aide de HTML et CSS simples.
Variable Grid System

Variable Grid System

Le système de grille variable est un moyen rapide de générer une grille CSS sous-jacente pour votre site.Le fichier généré par CSS est basé sur le système de grille 960.
GenesisUI

GenesisUI

Modèles d'administration Bootstrap sur les stéroïdes!Collection de modèles d'administration premium bootstrap.