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 Self-Hosted
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
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
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