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 Web

Foundation

Foundation

Foundation är en lättanvänd, kraftfull och flexibel ram för att bygga snabba prototyper och produktionskod på alla typer av enheter.
Bulma

Bulma

Ett modernt CSS-ramverk baserat på Flexbox.
UIkit

UIkit

En lätt och modulär front-frame för att utveckla snabba och kraftfulla webbgränssnitt.
Materialize

Materialize

Materialize är ett modernt responsivt CSS-ramverk baserat på Materialdesign av Google
jQuery Mobile

jQuery Mobile

Ett enhetligt, HTML5-baserat användargränssnittssystem för alla populära plattformar för mobila enheter, byggda på den bunnfasta jQuery och jQuery UI-grunden.
Skeleton

Skeleton

Skeleton är en liten samling CSS & JS-filer som kan hjälpa dig att snabbt utveckla webbplatser som ser vackra ut i alla storlekar, vare sig det är en 17 "bärbar datorskärm eller en iPhone.
Purecss

Purecss

En uppsättning små, lyhörda CSS-moduler som du kan använda i varje webbprojekt.
Metro UI CSS

Metro UI CSS

Metro UI CSS en uppsättning stilar för att skapa en webbplats med ett gränssnitt som liknar Windows 8.
HTML KickStart

HTML KickStart

HTML KickStart är en extremt tunn uppsättning HTML5, CSS och jQuery (javascript) filer, layouter och element som är utformade för att ge dig en headstart och spara dig mycket timmar på din nästa ...
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.
metro-bootstrap

metro-bootstrap

Enkel bootstrap från Twitter med Metro-stil.
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.
Topcoat

Topcoat

Topcoat är ett helt nytt CSS-bibliotek med öppen källkod utformad för att hjälpa utvecklare att bygga webbappar med betoning på hastighet.