2
Tailwind CSS
Tailwind se liší od frameworků jako Bootstrap, Foundation nebo Bulma v tom, že se nejedná o UI kit.
- Zdarma
- Self-Hosted
- CSS
Tailwind se liší od frameworků jako Bootstrap, Foundation nebo Bulma v tom, že se nejedná o UI kit.Nemá výchozí motiv a neexistují žádné vestavěné komponenty uživatelského rozhraní.Na druhou stranu také nemá žádný názor na to, jak by měl váš web vypadat, a neukládá návrhová rozhodnutí, se kterými se musíte vrátit.Pokud hledáte rámec, který je dodáván s nabídkou předpřipravených widgetů pro stavbu vašeho webu, nemusí být Tailwind tím správným rámcem, a proto máme několik alternativ.Ale pokud chcete, aby obrovský náskok implementoval vlastní design s vlastní identitou, Tailwind může být právě to, co hledáte.Utility-first Vytvoření rámce pro vytváření vlastních uživatelských rozhraní znamená, že nemůžete poskytnout abstrakce na obvyklé úrovni tlačítek, formulářů, karet, navbarů atd. Místo toho poskytuje Tailwind vysoce skládatelné třídy nástrojů na nízké úrovni, které usnadňují vytvářenísložitá uživatelská rozhraní bez povzbuzování jakýchkoli dvou webů, aby vypadaly stejně.Přizpůsobení komponentám I když můžete dělat hodně s pouhými třídami obsluhy, někdy je třída komponent správným rozhodnutím.Tailwind poskytuje nástroje pro extrahování tříd komponent z opakovaných vzorců obsluhy, což usnadňuje aktualizaci více instancí komponenty z jednoho místa.Reakce na jádro Každý obslužný program Tailwind přichází také s odezvou, takže je velmi snadné vytvářet responzivní rozhraní, aniž byste museli kdykoli opustit svůj HTML.Tailwind používá intuitivní {screen}: předponu, která usnadňuje upozornění na citlivé třídy ve vašem značení při zachování původního názvu třídy rozpoznatelného a neporušeného.Navržen tak, aby byl přizpůsobitelný Pokud má smysl přizpůsobení, Tailwind vám umožňuje přizpůsobit ho.To zahrnuje barvy, velikosti okrajů, hmotnosti písma, pomůcky pro mezery, zarážky, stíny a další tuny.Tailwind je napsán v PostCSS a nakonfigurován v JavaScriptu, což znamená, že máte plný výkon skutečného programovacího jazyka na dosah ruky.Tailwind je více než rámec CSS, je to motor pro vytváření designových systémů.
tailwind-css
Webová stránka:
https://tailwindcss.comFunkce
Kategorie
Alternativy Tailwind CSS pro všechny platformy s jakoukoli licencí
1
Cascade Framework
Přestože celkový vzhled a dojem jsou rozhodně inspirovány službou Twitter Bootstrap, Cascade framework není jen dalším klonem Bootstrap.
- Zdarma
- Web
1
Material Components for the Web
Materiálové komponenty pro web (MDC Web) pomáhají vývojářům provádět návrh materiálu.
- Zdarma
- Web
1
Wing framework
Wing je minimální rámec CSS, který poskytuje základní styly, a nemusíte se ani učit jména třídy gazillion, všechny vaše prvky budou stylizovány automaticky.
- Zdarma
- Self-Hosted
1
1
1
1
Creative Tim
Creative Tim nabízí designové prvky založené na Bootstrapu, které urychlují vaši vývojovou práci.Od pluginů po složité sady máme vše, co potřebujete.
- Zdarma osobní
- Web
1
Frow (flex row) CSS Grid System
Frow je rámec HTML a CSS pro vytváření rychlých, pohotových a mobilních projektů na webu.
- Zdarma
- Web
- Self-Hosted
1
Fluid Baseline Grid
Fluid Baseline Grid System je vývojová sada HTML5 a CSS3, která poskytuje pevný základ pro rychlé navrhování webových stránek s lehkostí.
- Zdarma
- Web
1
0
Structure (a declarative Flexbox based Grid Framework)
Struktura je deklarativní mřížkový rámec založený na Flexboxu.Struktura definuje rozvržení pomocí nestandardních atributů na elementech.
- Zdarma
- Web
- Self-Hosted
0
Photon UI Kit
Photon: Nejrychlejší způsob, jak vytvořit krásné aplikace Electron pomocí jednoduchých HTML a CSS.
- Zdarma
- Self-Hosted
0
Variable Grid System
Systém variabilní mřížky je rychlý způsob, jak pro svůj web vygenerovat základní mřížku CSS.Soubor vytvořený CSS je založen na systému Grid 960.
- Zdarma
- Web