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
Alternativen zu Tailwind CSS für alle Plattformen mit einer Lizenz
212
Bootstrap
Bootstrap ist eine Open-Source-Sammlung von Tools zum Erstellen von Browser-Sites und -Anwendungen.
- Kostenlose
- HTML5 Boilerplate
- Self-Hosted
- JavaScript
43
Foundation
Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles Framework zum Erstellen von Rapid Prototypes und Seriencode auf jeder Art von Gerät.
- Kostenlose
- Web
39
Semantic UI
Mit Semantic können Designer und Entwickler ein gemeinsames Vokabular für die Benutzeroberfläche erstellen.
- Kostenlose
31
29
28
Materialize
Materialise ist ein modernes responsives CSS-Framework, das auf Material Design von Google basiert
- Kostenlose
- Web
23
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.
20
13
11
Metro UI CSS
Metro UI CSS eine Reihe von Stilen zum Erstellen einer Site mit einer Oberfläche ähnlich Windows 8.
8
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.
- Bezahlte
- Self-Hosted
6
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.
- Kostenlose
- Web
- Self-Hosted
6
MUI
MUI ist ein leichtes HTML / CSS / JS-Framework, das den Material Design-Richtlinien von Google entspricht.
- Kostenlose
6
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
6
GroundworkCSS
GroundworkCSS ist ein 100% kostenloses und Open Source-fähiges HTML5-, CSS- und JavaScript-Framework.
- Kostenlose
- Web
- Self-Hosted