
2
Tailwind CSS
Tailwind unterscheidet sich von Frameworks wie Bootstrap, Foundation oder Bulma darin, dass es kein UI-Kit ist.
- Kostenlose
- Self-Hosted
- CSS
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.
Webseite:
https://tailwindcss.comEigenschaften
Kategorien
Tailwind CSS-Alternativen für Web

1

1
SimpleGrid
Reaktionsschnell.Unendliche Verschachtelung.Eine Klasse pro Element.Einfach.
- Kostenlose
- Web

1

1

1

1
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

1
Frow (flex row) CSS Grid System
Frow ist ein HTML- und CSS-Framework für die Erstellung schneller, reaktionsschneller Projekte im Web.
- Kostenlose
- Web
- Self-Hosted

1

1
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

1
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

1

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

1

0

0
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