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

Bootstrap

Bootstrap

Bootstrap ist eine Open-Source-Sammlung von Tools zum Erstellen von Browser-Sites und -Anwendungen.
Foundation

Foundation

Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles Framework zum Erstellen von Rapid Prototypes und Seriencode auf jeder Art von Gerät.
  • Kostenlose
  • Web
Semantic UI

Semantic UI

Mit Semantic können Designer und Entwickler ein gemeinsames Vokabular für die Benutzeroberfläche erstellen.
  • Kostenlose
Bulma

Bulma

Ein modernes CSS-Framework basierend auf Flexbox.
UIkit

UIkit

Ein leichtes und modulares Front-End-Framework für die Entwicklung schneller und leistungsfähiger Webschnittstellen.
  • Kostenlose
  • Web
Materialize

Materialize

Materialise ist ein modernes responsives CSS-Framework, das auf Material Design von Google basiert
  • Kostenlose
  • Web
jQuery Mobile

jQuery Mobile

Ein einheitliches, HTML5-basiertes Benutzeroberflächensystem für alle gängigen Plattformen mobiler Geräte, das auf der soliden Grundlage von jQuery und jQuery UI basiert.
Skeleton

Skeleton

Skeleton ist eine kleine Sammlung von CSS- und JS-Dateien, mit deren Hilfe Sie schnell Websites entwickeln können, die in jeder Größe ansprechend aussehen, sei es ein 17-Zoll-Laptop-Bildschirm oder ein iPhone.
  • Kostenlose
  • Web
Purecss

Purecss

Eine Reihe kleiner, ansprechender CSS-Module, die Sie in jedem Webprojekt verwenden können.
  • Kostenlose
  • Web
Metro UI CSS

Metro UI CSS

Metro UI CSS eine Reihe von Stilen zum Erstellen einer Site mit einer Oberfläche ähnlich Windows 8.
Slides Framework

Slides Framework

Slides ist ein einfaches und leistungsstarkes HTML- und CSS-Framework, mit dem Sie dank eines flexiblen modularen Aufbaus problemlos schöne statische Websites erstellen können.
Gridlex

Gridlex

Einfach.Robust.Reaktionsschnell.Flexibel.Gridlex basiert auf Flexbox (CSS Flexible Box Layout Module) und ist ein sehr einfaches CSS-Rastersystem zur schnellen Erstellung moderner Layouts und Submodule.
MUI

MUI

MUI ist ein leichtes HTML / CSS / JS-Framework, das den Material Design-Richtlinien von Google entspricht.
  • Kostenlose
HTML KickStart

HTML KickStart

HTML KickStart ist ein ultraschlanker Satz von HTML5-, CSS- und jQuery-Dateien (Javascript), Layouts und Elementen, die Ihnen einen Vorsprung verschaffen und Ihnen viele Stunden bei Ihrer nächsten ...
  • Kostenlose
  • Web
GroundworkCSS

GroundworkCSS

GroundworkCSS ist ein 100% kostenloses und Open Source-fähiges HTML5-, CSS- und JavaScript-Framework.