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

Tailwind CSS-Alternativen für Mac

Topcoat

Topcoat

Topcoat ist eine brandneue Open-Source-CSS-Bibliothek, mit der Entwickler Web-Apps mit Schwerpunkt auf Geschwindigkeit erstellen können.
Responsable

Responsable

Responsable ist ein responsives HTML-CSS-LESS-SCSS-Framework mit sauberem Markup, normalisiertem CSS und responsiven Bildern.
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.
Blaze CSS

Blaze CSS

Modulares Open-Source-CSS-Framework, das eine hervorragende Struktur zum schnellen Erstellen von Websites bietet.
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.
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.
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic ist ein flüssiges Rastersystem, das der Nachfolger des 960-Rastersystems ist.
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!
Shoelace.css

Shoelace.css

Shoelace.css ist ein Starter-Kit und kein Framework.Durch CSS-Variablen anpassbar, erfordert es weder Less noch Sass oder eine Vorverarbeitung.Die verkleinerte Version ist nur 35,3 KB groß und beim Gzippen viel kleiner.