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.
tailwind-css

Funktioner

kategorier

Alternativ till Tailwind CSS för Self-Hosted

Bootstrap

Bootstrap

Bootstrap är en öppen källkodssamling av verktyg för att skapa webbsidor och applikationer.
Bulma

Bulma

Ett modernt CSS-ramverk baserat på Flexbox.
Slides Framework

Slides Framework

Slides är ett enkelt och kraftfullt HTML- och CSS-ramverk som låter dig enkelt bygga vackra statiska webbplatser tack vare en flexibel modulär installation.
Gridlex

Gridlex

Enkel.Robust.Mottaglig.Flexibel.Baserat på Flexbox (CSS Flexible Box Layout Module) är Gridlex ett mycket enkelt css-rutnätssystem för att snabbt skapa moderna layouter och undermoduler.
GroundworkCSS

GroundworkCSS

GroundworkCSS är ett 100% gratis och öppen källkonsultivt HTML5, CSS och JavaScript Framework.
Spectre.css

Spectre.css

Lätt, lyhörd och modern CSS-ram för snabbare och utbyggbar utveckling.
Element UI

Element UI

Element, ett Vue 2.0-baserat komponentbibliotek för utvecklare, designers och produktchefer.
Picnic CSS

Picnic CSS

Packa upp din måltid och få kodning.Ett invasivt CSS-bibliotek för att få din stil igång.
mini.css

mini.css

Mini.css är ett CSS-ramverk med öppen källkod som är minimal (7 kB gzippad), lyhörd och stil-agnostisk.
Milligram

Milligram

Milligram ger en minimal inställning av stilar för en snabb och ren utgångspunkt.
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.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced har många av samma layoutfunktioner som du känner och älskar, men förbättrar dem med bättre mobilinriktning, anpassad kolumnbeställning, bättre justeringsalternativ ...
Blaze CSS

Blaze CSS

Modulärt CSS-ramverk med öppen källkod som ger bra struktur för att bygga webbplatser snabbt.
Flexbox Grid

Flexbox Grid

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

Basis

Utveckling av ren kod ======================