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

ciri-ciri

Kategori

Alternatif untuk Tailwind CSS untuk semua platform dengan sebarang lesen

Bootstrap

Bootstrap

Bootstrap adalah alat koleksi sumber terbuka untuk membuat laman dan aplikasi penyemak imbas.
Foundation

Foundation

Yayasan adalah kerangka kerja yang mudah digunakan, kuat, dan fleksibel untuk membina prototaip cepat dan kod pengeluaran pada sebarang jenis peranti.
Semantic UI

Semantic UI

Pereka dan pembangun kuasa semantik dengan mewujudkan perbendaharaan kata bersama untuk UI.
  • Percuma
Bulma

Bulma

Rangka kerja CSS moden berdasarkan Flexbox.
UIkit

UIkit

Rangka kerja ringan dan modular hadapan untuk membangunkan antara muka web yang pantas dan berkuasa.
Materialize

Materialize

Materialis adalah rangka kerja CSS responsif moden berdasarkan Reka Bentuk Bahan oleh Google
jQuery Mobile

jQuery Mobile

Sistem antara muka pengguna berasaskan HTML5 bersatu untuk semua platform peranti mudah alih yang popular, yang dibina di atas jQuery batu-pepejal dan asas UI jQuery.
Skeleton

Skeleton

Skeleton adalah koleksi kecil CSS & JS yang boleh membantu anda dengan cepat membangunkan tapak yang kelihatan cantik pada sebarang saiz, sama ada skrin laptop 17 atau iPhone.
Purecss

Purecss

Satu set modul CSS yang kecil dan responsif yang boleh anda gunakan dalam setiap projek web.
Metro UI CSS

Metro UI CSS

Metro UI CSS satu set gaya untuk membuat tapak dengan antara muka yang serupa dengan Windows 8.
Slides Framework

Slides Framework

Slaid adalah kerangka kerja HTML dan CSS yang mudah dan berkuasa yang membolehkan anda dengan mudah membina laman web statik yang indah berkat persediaan modular yang fleksibel.
Gridlex

Gridlex

Mudah.Kuat.Responsif.Fleksibel.Berdasarkan Flexbox (CSS Flexible Box Module Layout), Gridlex adalah sistem grid css yang sangat mudah untuk cepat membuat layout moden dan submodules.
MUI

MUI

MUI adalah rangka kerja HTML / CSS / JS ringan yang mengikuti garis panduan Reka Bentuk Bahan Google.
  • Percuma
HTML KickStart

HTML KickStart

HTML KickStart adalah set ultra-ramping HTML5, CSS, dan jQuery (javascript) fail, susun atur, dan unsur-unsur yang direka untuk memberikan anda headstart dan menjimatkan banyak jam pada ...
GroundworkCSS

GroundworkCSS

GroundworkCSS adalah 100% percuma dan sumber terbuka responsif HTML5, CSS dan JavaScript Framework.