Tailwind CSS

Tailwind CSS

Tailwind se liší od frameworků jako Bootstrap, Foundation nebo Bulma v tom, že se nejedná o UI kit.
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:

Funkce

Kategorie

Alternativy Tailwind CSS pro všechny platformy s jakoukoli licencí

Cascade Framework

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.
Material Components for the Web

Material Components for the Web

Materiálové komponenty pro web (MDC Web) pomáhají vývojářům provádět návrh materiálu.
Wing framework

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.
Amazium

Amazium

Mřížkový systém 960 s 12 sloupci pro responzivní webový design.PSD soubor, který má nastavení mřížky 960 pro vás na základě 32px žlabů / okrajů.
Basis

Basis

Čistý vývoj kódu =======================
Shine CSS Framework

Shine CSS Framework

Jednoduchý a lehký CSS Framework.
Creative Tim

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
Frow (flex row) CSS Grid System

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.
Fluid Baseline Grid

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í.
Gridless

Gridless

Gridless je volitelná kotle HTML5 a CSS3 pro vytváření mobilních webových stránek, které rychle reagují na první stránku, s krásnou typografií.
Structure (a declarative Flexbox based Grid Framework)

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.
Photon UI Kit

Photon UI Kit

Photon: Nejrychlejší způsob, jak vytvořit krásné aplikace Electron pomocí jednoduchých HTML a CSS.
Variable Grid System

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.
GenesisUI

GenesisUI

Bootstrap Admin Šablony na steroidy!Kolekce prémiových zaváděcích šablon pro správu.