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 Web

Topcoat

Topcoat

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

Material Design Lite

Googles Front-End-Webframework zum Erstellen von Websites gemäß der Material Design-Spezifikation.
  • Kostenlose
  • Web
320 and Up

320 and Up

Der 'winzige Bildschirm zuerst' reagiert auf Boilerplate.
  • Kostenlose
  • Web
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced hat viele der gleichen Layoutfunktionen, die Sie kennen und lieben, verbessert sie jedoch durch besseres mobiles Targeting, benutzerdefinierte Spaltenreihenfolge und bessere Ausrichtungsoptionen ...
The Semantic Grid System

The Semantic Grid System

Stellen Sie die Spalten- und Bundbreiten ein, wählen Sie die Anzahl der Spalten und wechseln Sie zwischen Pixeln und Prozentsätzen.
  • Kostenlose
  • Web
Kube Web Framework

Kube Web Framework

Kube ist eines der fortschrittlichsten und flexibelsten Frameworks der Welt. Mit Kube verbringen Sie weniger Zeit mit Routineaufgaben und mehr Zeit mit der Erstellung herausragender Produkte.
  • Kostenlose
  • Web
The Goldilocks Approach

The Goldilocks Approach

Der Goldilocks-Ansatz für Responsive Web Design - Ein guter Ausgangspunkt für Design, bei dem die Geräteauflösung aus der Gleichung herausgenommen wird.
  • Kostenlose
  • Web
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
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
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.