2
Tailwind CSS
Svansvind skiljer sig från ramar som Bootstrap, Foundation eller Bulma eftersom det inte är ett UI-kit.
- Gratis
- Self-Hosted
- CSS
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
Hemsida:
https://tailwindcss.comFunktioner
kategorier
Alternativ till Tailwind CSS för alla plattformar med någon licens
1
Cascade Framework
Även om den övergripande looken och känslan definitivt är inspirerad av Twitter Bootstrap, är Cascade-ramverket inte bara ytterligare en Bootstrap-klon.
- Gratis
- Web
1
Material Components for the Web
Materialkomponenter för webben (MDC Web) hjälper utvecklare att utföra materialdesign.
- Gratis
- Web
1
Wing framework
Wing är ett minimalt CSS-ramverk som ger en bas av stilar, och du behöver inte ens lära dig en gazillion klassnamn, alla dina element kommer att utformas automatiskt.
- Gratis
- Self-Hosted
1
1
1
1
Creative Tim
Creative Tim erbjuder Bootstrap-baserade designelement som påskyndar ditt utvecklingsarbete.Från plugins till komplexa kit, vi har allt du behöver.
- Gratis personlig app
- Web
1
Frow (flex row) CSS Grid System
Frow är ett HTML- och CSS-ramverk för att skapa snabba, responsiva, mobil-första projekt på webben.
- Gratis
- Web
- Self-Hosted
1
Fluid Baseline Grid
Fluid Baseline Grid System är ett HTML5 & CSS3-utvecklingspaket som ger en solid grund för att snabbt kunna utforma webbplatser med lätthet.
- Gratis
- Web
1
0
Structure (a declarative Flexbox based Grid Framework)
Struktur är ett deklarativt, Flexbox-baserat rutnät.Struktur definierar layout med hjälp av icke-standardattribut på element.
- Gratis
- Web
- Self-Hosted
0
Photon UI Kit
Photon: Det snabbaste sättet att bygga vackra Electron-appar med enkla HTML och CSS.
- Gratis
- Self-Hosted
0
Variable Grid System
Det variabla rutnätet är ett snabbt sätt att generera ett underliggande CSS-rutnät för din webbplats.Den CSS-genererade filen är baserad på 960 Grid System.
- Gratis
- Web