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

Golden Grid System

Golden Grid System

Ein Rastersystem für responsives Webdesign.Enthält faltbare Säulen, elastische Dachrinnen, ein zoombares Grundlinienraster und ein ansprechendes Raster-Überlagerungsskript.
  • Kostenlose
  • Web
320 and Up

320 and Up

Der 'winzige Bildschirm zuerst' reagiert auf Boilerplate.
  • Kostenlose
  • Web
Less Framework

Less Framework

Less Framework ist ein CSS-Rastersystem zum Entwerfen adaptiver Websites.Es enthält 4 Layouts und 3 Sätze von Typografie-Voreinstellungen, die alle auf einem einzelnen Raster basieren.
  • Kostenlose
  • Web
yeti.css

yeti.css

yeti.css ist eine Musterbibliothek, die aus leichten, wiederverwendbaren Modulen besteht.Es wurde entwickelt, um die visuellen und Branding-Richtlinien von & yet widerzuspiegeln.
960 Grid System

960 Grid System

Das 960-Rastersystem ist ein Versuch, den Webentwicklungs-Workflow zu optimieren, indem häufig verwendete Dimensionen auf der Basis einer Breite von 960 Pixeln bereitgestellt werden.
Sassy-validation

Sassy-validation

Sassy-Validation ist eine Validierungsbibliothek für Sass-Datentypen.
Wee

Wee

Leichtes Front-End-Framework für die logische Erstellung komplexer, reaktionsschneller Webprojekte.
  • Kostenlose
  • Web
inuit.css

inuit.css

inuit.css ist ein leichtes, ständig aktualisiertes CSS-Framework, das Ihnen einen pragmatischen und funktionsreichen Ausgangspunkt für alle Ihre Projekte bietet.
  • Kostenlose
  • Web
Flexbox Grid

Flexbox Grid

Ein Rastersystem, das auf der Eigenschaft flex display basiert.
Backstretch

Backstretch

Backstretch ist ein einfaches jQuery-Plugin, mit dem Sie jeder Seite oder jedem Element ein dynamisch angepasstes, Diashow-fähiges Hintergrundbild hinzufügen können.
Frameless

Frameless

Ansprechendes Design ausgraben?Hassflüssigkeitsgitter?Versuchen Sie es mit einem rahmenlosen Gitter.
  • Kostenlose
  • Web
SimpleGrid

SimpleGrid

Reaktionsschnell.Unendliche Verschachtelung.Eine Klasse pro Element.Einfach.
  • Kostenlose
  • Web
Fluid 960 Grid System

Fluid 960 Grid System

Die Fluid 960 Grid System-Vorlagen basieren auf der Arbeit von Nathan Smith und seinem 960 Grid System unter Verwendung von Effekten aus den MooTools- und jQuery-JavaScript-Bibliotheken.
Foldy960

Foldy960

Foldy960 - Eine reaktionsschnelle Version des 960-Rasters, die Pvel-Methode!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic ist ein flüssiges Rastersystem, das der Nachfolger des 960-Rastersystems ist.