123
Tailwind CSS

Tailwind CSS

Svansvind skiljer sig från ramar som Bootstrap, Foundation eller Bulma eftersom det inte är ett UI-kit.
Svansvind skiljer sig från ramar som Bootstrap, Foundation eller Bulma eftersom det inte är ett UI-kit.Det har inget standardtema och det finns inga inbyggda UI-komponenter.På baksidan har den inte heller någon åsikt om hur din webbplats ska se ut och inför inte designbeslut som du måste kämpa för att ångra.Om du letar efter ett ramverk som kommer med en meny med förutbestämda widgets att bygga din webbplats med, är Tailwind kanske inte rätt ram för dig, varför vi har några alternativ.Men om du vill ha ett enormt försprång med att implementera en anpassad design med sin egen identitet, kan Tailwind vara precis det du letar efter.Utility-first Att skapa ett ramverk för att bygga anpassade UI: er innebär att du inte kan tillhandahålla abstraktioner på den vanliga nivån av knappar, formulär, kort, navbars etc. I stället tillhandahåller Tailwind mycket komposibla, lågnivå-verktygsklasser som gör det enkelt att byggakomplexa användargränssnitt utan att uppmuntra två webbplatser att se lika ut.Komponentvänligt Medan du kan göra mycket med bara verktygsklasser är ibland en komponentklass rätt beslut.Tailwind tillhandahåller verktyg för att extrahera komponentklasser från upprepade verktygsmönster, vilket gör det enkelt att uppdatera flera instanser av en komponent från ett ställe.Lyhörd för kärnan Varje Tailwind-verktyg finns också i lyhörda smaker, vilket gör det extremt enkelt att bygga responsiva gränssnitt utan att någonsin lämna din HTML.Tailwind använder ett intuitivt {skärm}: prefix som gör det enkelt att märka responsiva klasser i din markering och samtidigt hålla det ursprungliga klassnamnet igenkännbart och intakt.Designad för att anpassas Om det är meningsfullt att anpassas, låter Tailwind du anpassa det.Detta inkluderar färger, kantstorlekar, teckensnittvikter, distansverktyg, brytpunkter, skuggor och massor av mer.Tailwind är skriven i PostCSS och konfigurerad i JavaScript, vilket innebär att du har full kraft av ett riktigt programmeringsspråk inom räckhåll.Tailwind är mer än ett CSS-ramverk, det är en motor för att skapa designsystem.

Funktioner

kategorier

Alternativ till Tailwind CSS för alla plattformar med någon licens

Golden Grid System

Golden Grid System

Ett rutnät för responsiv webbdesign.Inkluderar fällbara kolumner, elastiska takrännor, ett zoombart baslinjegitter och ett härligt rutnät överläggsskript.
320 and Up

320 and Up

Den "lilla skärmen först" lyhörd pannplatta.
Less Framework

Less Framework

Less Framework är ett CSS-rutnät för design av anpassningsbara webbplatser.Den innehåller 4 layouter och 3 uppsättningar med typografiförinställningar, alla baserade på ett enda rutnät.
yeti.css

yeti.css

yeti.css är ett mönsterbibliotek som består av lätta, återanvändbara moduler.Det har byggts för att återspegla & ändå visuella och branding riktlinjer.
960 Grid System

960 Grid System

960 Grid System är ett försök att effektivisera arbetsflödet för webbutveckling genom att tillhandahålla vanligt använda dimensioner, baserat på en bredd på 960 pixlar.
Sassy-validation

Sassy-validation

Sassy-validering är ett Sass-datatyp valideringsbibliotek. Validera inmatade data eller Sass inte alls!
Wee

Wee

Lätt front-frame för logiskt att bygga komplexa, responsiva webbprojekt.
inuit.css

inuit.css

inuit.css är en lätt, ständigt uppdaterad CSS-ram som ger dig en pragmatisk och funktionsrik utgångspunkt för alla dina projekt.
Flexbox Grid

Flexbox Grid

Ett rutnätssystem baserat på flex-displayegenskapen.
Backstretch

Backstretch

Backstretch är ett enkelt jQuery-plugin som låter dig lägga till en dynamisk storlek, bildspel-kapabel bakgrundsbild på vilken sida eller element som helst.
Frameless

Frameless

Gräva responsiv design?Hatar vätskor?Prova ett ramlöst rutnät.
SimpleGrid

SimpleGrid

Mottaglig.Oändlig häckning.En klass per element.Enkel.
Fluid 960 Grid System

Fluid 960 Grid System

Mallarna för Fluid 960 Grid System har byggts på Nathan Smiths och hans 960 Grid System med effekter från MooTools och jQuery JavaScript-bibliotek.
Foldy960

Foldy960

Foldy960 - En lyhörd version av 960-nätet, Pvel-sättet!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic är ett vätskesystem som är efterföljaren till 960 Grid System.