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 alla plattformar med någon licens

Bootstrap

Bootstrap

Bootstrap är en öppen källkodssamling av verktyg för att skapa webbsidor och applikationer.
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.
Semantic UI

Semantic UI

Semantisk gör det möjligt för designers och utvecklare genom att skapa ett delat ordförråd för UI.
  • Gratis
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.
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.
MUI

MUI

MUI är ett lättviktigt HTML / CSS / JS-ramverk som följer Googles riktlinjer för materialdesign.
  • Gratis
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 ...
GroundworkCSS

GroundworkCSS

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