Tailwind CSS

Tailwind CSS

Tailwind unterscheidet sich von Frameworks wie Bootstrap, Foundation oder Bulma darin, dass es kein UI-Kit ist.
Tailwind unterscheidet sich von Frameworks wie Bootstrap, Foundation oder Bulma darin, dass es kein UI-Kit ist.Es gibt kein Standarddesign und keine integrierten UI-Komponenten.Auf der anderen Seite hat es auch keine Meinung darüber, wie Ihre Website aussehen soll, und legt keine Entwurfsentscheidungen fest, gegen die Sie kämpfen müssen, um sie rückgängig zu machen.Wenn Sie nach einem Framework suchen, das ein Menü mit vordefinierten Widgets enthält, mit denen Sie Ihre Site erstellen können, ist Tailwind möglicherweise nicht das richtige Framework für Sie, weshalb wir einige Alternativen anbieten.Wenn Sie jedoch einen großen Vorsprung bei der Implementierung eines benutzerdefinierten Designs mit eigener Identität haben möchten, ist Tailwind möglicherweise genau das, wonach Sie suchen.Utility-first Wenn Sie ein Framework für die Erstellung benutzerdefinierter Benutzeroberflächen erstellen, können Sie keine Abstraktionen auf der üblichen Ebene für Schaltflächen, Formulare, Karten, Navigationsleisten usw. bereitstellenkomplexe Benutzeroberflächen, ohne dass zwei Websites gleich aussehen.Komponentenschonend Obwohl Sie viel nur mit Dienstprogrammklassen tun können, ist eine Komponentenklasse manchmal die richtige Entscheidung.Tailwind bietet Tools zum Extrahieren von Komponentenklassen aus wiederholten Dienstprogrammmustern, mit denen sich mehrere Instanzen einer Komponente auf einfache Weise von einer Stelle aus aktualisieren lassen.Reagieren auf den Kern Jedes Tailwind-Dienstprogramm ist auch in reaktionsschnellen Varianten erhältlich, sodass es extrem einfach ist, reaktionsschnelle Benutzeroberflächen zu erstellen, ohne jemals Ihr HTML zu verlassen.Tailwind verwendet ein intuitives {screen}: Präfix, mit dem reaktionsschnelle Klassen in Ihrem Markup leicht zu erkennen sind und der ursprüngliche Klassenname weiterhin erkennbar und intakt bleibt.Entworfen, um angepasst zu werden Wenn es Sinn macht, angepasst zu werden, können Sie es mit Tailwind anpassen.Dazu gehören Farben, Rahmengrößen, Schriftstärken, Abstandshilfsprogramme, Haltepunkte, Schatten und vieles mehr.Rückenwind ist in PostCSS geschrieben und in JavaScript konfiguriert, sodass Sie die volle Leistungsfähigkeit einer echten Programmiersprache zur Hand haben.Tailwind ist mehr als ein CSS-Framework, es ist eine Engine zum Erstellen von Designsystemen.
tailwind-css

Eigenschaften

Kategorien

Alternativen zu Tailwind CSS für alle Plattformen mit einer Lizenz

Cascade Framework

Cascade Framework

Obwohl das gesamte Erscheinungsbild auf jeden Fall von Twitter Bootstrap inspiriert ist, ist das Cascade-Framework nicht nur ein weiterer Bootstrap-Klon.
  • Kostenlose
  • Web
Material Components for the Web

Material Components for the Web

Mit Material Components for the Web (MDC-Web) können Entwickler Material Design ausführen.
  • Kostenlose
  • Web
Wing framework

Wing framework

Wing ist ein minimales CSS-Framework, das eine Basis von Stilen bereitstellt, und Sie müssen nicht einmal eine Unmenge von Klassennamen lernen. Alle Ihre Elemente werden automatisch gestaltet.
Amazium

Amazium

960-Rastersystem mit 12 Spalten für Responsive Web Design.PSD-Datei mit dem 960-Raster-Setup für Sie basierend auf 32-Pixel-Rinnen / Rändern.
  • Kostenlose
  • Web
Basis

Basis

Clean Code-Entwicklung =====================
Shine CSS Framework

Shine CSS Framework

Ein einfaches und leichtes CSS Framework.
  • Kostenlose
  • Web
Creative Tim

Creative Tim

Creative Tim bietet Bootstrap-basierte Designelemente, die Ihre Entwicklungsarbeit beschleunigen.Von Plugins bis hin zu komplexen Kits haben wir alles, was Sie brauchen.
  • Kostenlose persönliche
  • Web
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow ist ein HTML- und CSS-Framework für die Erstellung schneller, reaktionsschneller Projekte im Web.
Fluid Baseline Grid

Fluid Baseline Grid

Das Fluid Baseline Grid System ist ein HTML5- und CSS3-Entwicklungskit, das eine solide Grundlage bietet, um Websites schnell und einfach zu entwerfen.
  • Kostenlose
  • Web
Gridless

Gridless

Gridless ist eine optionale HTML5- und CSS3-Boilerplate, mit der mobile Websites als erste reaktionsschnelle, browserübergreifende Websites mit attraktiver Typografie erstellt werden können.
  • Kostenlose
  • Web
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

Structure ist ein deklaratives, Flexbox-basiertes Grid-Framework.Die Struktur definiert das Layout mithilfe von Nicht-Standardattributen für Elemente.
Photon UI Kit

Photon UI Kit

Photon: Der schnellste Weg, um schöne Electron-Apps mit einfachem HTML und CSS zu erstellen.
Variable Grid System

Variable Grid System

Mit dem variablen Rastersystem können Sie schnell ein zugrunde liegendes CSS-Raster für Ihre Website erstellen.Die CSS-generierte Datei basiert auf dem 960 Grid System.
  • Kostenlose
  • Web
GenesisUI

GenesisUI

Bootstrap Admin Templates auf Steroiden!Sammlung von Premium-Bootstrap-Admin-Vorlagen.