Tailwind CSS

Tailwind CSS

Tailwind adalah berbeza daripada kerangka seperti Bootstrap, Yayasan, atau Bulma kerana ia bukan kit UI.
Tailwind adalah berbeza daripada kerangka seperti Bootstrap, Yayasan, atau Bulma kerana ia bukan kit UI.Ia tidak mempunyai tema lalai, dan tiada komponen UI terbina dalam.Di sisi lain, ia juga tidak mempunyai pendapat tentang bagaimana laman web anda harus kelihatan dan tidak mengenakan keputusan reka bentuk yang anda perlu berjuang untuk membatalkannya.Jika anda sedang mencari rangka kerja yang datang dengan menu widget yang direka bentuk untuk membina laman web anda, Tailwind mungkin bukan kerangka yang sesuai untuk anda, itulah sebabnya kami mempunyai beberapa alternatif.Tetapi jika anda ingin kepala besar mula melaksanakan reka bentuk tersuai dengan identiti sendiri, Tailwind mungkin hanya apa yang anda cari.Utiliti yang pertama Membuat rangka kerja untuk membina UI tersuai bermakna anda tidak boleh memberikan abstraksi pada tahap biasa butang, bentuk, kad, navbar, dan sebagainya. Sebaliknya, Tailwind menyediakan kelas utiliti yang sangat kompleks dan rendah sehingga memudahkan untuk membinaantara muka pengguna yang kompleks tanpa menggalakkan mana-mana dua tapak untuk melihat perkara yang sama.Komponen mesra Walaupun anda boleh melakukan banyak dengan hanya kelas utiliti, kadang-kadang kelas komponen adalah keputusan yang tepat.Tailwind menyediakan alat untuk mengekstrak kelas komponen dari pola utiliti yang berulang, menjadikannya mudah untuk mengemas kini beberapa contoh komponen dari satu tempat.Responsif kepada teras Setiap utiliti Tailwind juga datang dalam perasa responsif, sehingga sangat mudah untuk membina antara muka responsif tanpa meninggalkan HTML anda.Tailwind menggunakan awalan {skrin}: intuitif yang menjadikannya mudah untuk melihat kelas responsif dalam markup anda sambil mengekalkan nama kelas asal yang dikenali dan utuh.Direka untuk disesuaikan Jika masuk akal untuk disesuaikan, Tailwind membolehkan anda menyesuaikannya.Ini termasuk warna, saiz sempadan, berat font, utiliti jarak, titik putus, bayang-bayang, dan banyak lagi.Tailwind ditulis dalam PostCSS dan dikonfigurasi dalam JavaScript, yang bermaksud anda mempunyai kuasa penuh dari bahasa pengaturcaraan sebenar di hujung jari anda.Tailwind adalah lebih daripada satu rangka kerja CSS, ia merupakan enjin untuk mewujudkan sistem reka bentuk.
tailwind-css

ciri-ciri

Kategori

Alternatif untuk Tailwind CSS untuk semua platform dengan sebarang lesen

Cascade Framework

Cascade Framework

Walaupun rupa dan rasa keseluruhannya pasti terinspirasi oleh Twitter Bootstrap, rangka Cascade bukan sekadar satu lagi klon Bootstrap.
Material Components for the Web

Material Components for the Web

Komponen Bahan untuk web (MDC Web) membantu pemaju melaksanakan Reka Bentuk Bahan.
Wing framework

Wing framework

Sayap adalah rangka kerja CSS minimum yang menyediakan asas gaya, dan anda tidak perlu belajar nama kelas gazillion, semua unsur anda akan dinyalakan secara automatik.
Amazium

Amazium

960 sistem grid dengan 12 tiang untuk Reka Bentuk Web Responsif.Fail PSD yang mempunyai persediaan grid 960 untuk anda berdasarkan pada selongsong / margin 32px.
Basis

Basis

Pembangunan kod bersih ======================
Shine CSS Framework

Shine CSS Framework

Rangka Kerja CSS yang mudah dan ringan.
Creative Tim

Creative Tim

Tim Kreatif menawarkan elemen reka bentuk Bootstrap berdasarkan yang mempercepatkan pembangunan anda.Dari pemalam kepada alat kompleks, kami mempunyai semua yang anda perlukan.
  • Peribadi Percuma
  • Web
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow adalah rangka HTML dan CSS untuk mewujudkan projek cepat, responsif, mudah alih pertama di web.
Fluid Baseline Grid

Fluid Baseline Grid

Sistem Grid Baseline Fluida adalah kit pembangunan HTML5 & CSS3 yang menyediakan asas yang mantap dengan cepat merancang laman web dengan mudah.
Gridless

Gridless

Gridless adalah HTML5 dan CSS3 boilerplate pilihan untuk membuat laman web pertama yang responsif, mudah alih silang dengan tipografi yang indah.
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

Struktur adalah kerangka grid berasaskan Flexbox, deklaratif.Struktur mentakrifkan susun atur menggunakan atribut bukan standard pada elemen.
Photon UI Kit

Photon UI Kit

Photon: Cara terpantas untuk membina aplikasi elektron yang indah dengan menggunakan HTML dan CSS mudah.
Variable Grid System

Variable Grid System

Sistem grid berubah adalah cara cepat untuk menghasilkan grid CSS yang mendasar untuk laman web anda.Fail yang dijana CSS adalah berdasarkan Sistem Grid 960.
GenesisUI

GenesisUI

Templat Admin Bootstrap pada steroid!Koleksi templat admin bootstrap premium.