![Tailwind CSS](https://i.altapps.net/icons/tailwind-css-d3b4f.png)
2
Tailwind CSS
Tailwindは、UIキットではないという点で、Bootstrap、Foundation、またはBulmaなどのフレームワークとは異なります。
- 無料アプリ
- Self-Hosted
- CSS
Tailwindは、UIキットではないという点で、Bootstrap、Foundation、またはBulmaなどのフレームワークとは異なります。デフォルトのテーマはなく、組み込みのUIコンポーネントはありません。反対に、サイトの外観についても意見がなく、元に戻すために戦わなければならない設計上の決定を課しません。サイトを構築するための事前に設計されたウィジェットのメニューが付属するフレームワークを探している場合、Tailwindは適切なフレームワークではない可能性があります。しかし、独自のアイデンティティを備えたカスタムデザインの実装を非常に有利に開始したい場合は、Tailwindがまさにあなたが探しているものかもしれません。ユーティリティ優先カスタムUIを構築するためのフレームワークを作成することは、ボタン、フォーム、カード、ナビゲーションバーなどの通常のレベルで抽象化を提供できないことを意味します。代わりに、Tailwindは、2つのサイトを同じように見せることなく、複雑なユーザーインターフェース。コンポーネントフレンドリーユーティリティクラスだけで多くのことを実行できますが、コンポーネントクラスが正しい決定である場合もあります。Tailwindには、繰り返されるユーティリティパターンからコンポーネントクラスを抽出するツールが用意されており、1つの場所からコンポーネントの複数のインスタンスを簡単に更新できます。コアへの応答すべてのTailwindユーティリティにはレスポンシブなフレーバーがあり、HTMLを離れることなくレスポンシブなインターフェイスを非常に簡単に構築できます。Tailwindは直感的な{screen}:プレフィックスを使用して、マークアップ内のレスポンシブクラスを簡単に認識できるようにし、元のクラス名を認識可能かつ無傷のままにします。カスタマイズ可能な設計Tailwindを使用すると、カスタマイズすることが理にかなっている場合にカスタマイズできます。これには、色、境界線のサイズ、フォントの太さ、間隔設定ユーティリティ、ブレークポイント、シャドウなどが含まれます。TailwindはPostCSSで記述され、JavaScriptで構成されています。つまり、実際のプログラミング言語のすべての機能をすぐに使用できます。TailwindはCSSフレームワーク以上のものであり、設計システムを作成するためのエンジンです。
tailwind-css
ウェブサイト:
https://tailwindcss.com特徴
カテゴリー
ライセンスのあるすべてのプラットフォームでのTailwind CSSの代替
![Bootstrap](https://i.altapps.net/icons/bootstrap-80740.png)
212
Bootstrap
Bootstrapは、ブラウザサイトおよびアプリケーションを作成するためのツールのオープンソースコレクションです。
![Foundation](https://i.altapps.net/icons/foundation-a52f9.png)
43
![Semantic UI](https://i.altapps.net/icons/semantic-ui-56508.png)
39
![Bulma](https://i.altapps.net/icons/bulma-cf81a.png)
31
![Materialize](https://i.altapps.net/icons/materialize-d3b36.png)
28
![jQuery Mobile](https://i.altapps.net/icons/jquery-mobile-7d6eb.png)
23
jQuery Mobile
堅固なjQueryおよびjQuery UI基盤上に構築された、すべての一般的なモバイルデバイスプラットフォーム用の統合されたHTML5ベースのユーザーインターフェイスシステム。
![Skeleton](https://i.altapps.net/icons/skeleton-5f98d.png)
20
![Metro UI CSS](https://i.altapps.net/icons/metro-ui-css-40295.png)
11
![Slides Framework](https://i.altapps.net/icons/slides-framework-ee03f.jpeg)
8
Slides Framework
スライドは、柔軟でモジュール式のセットアップのおかげで、美しい静的なWebサイトを簡単に構築できる、シンプルで強力なHTMLおよびCSSフレームワークです。
- 有料アプリ
- Self-Hosted
![Gridlex](https://i.altapps.net/icons/gridlex-5313a.png)
6
Gridlex
シンプル。壮健。レスポンシブ。フレキシブル。Flexbox(CSSフレキシブルボックスレイアウトモジュール)に基づいて、Gridlexは非常にシンプルなCSSグリッドシステムであり、最新のレイアウトとサブモジュールをすばやく作成します。
- 無料アプリ
- Web
- Self-Hosted
![MUI](https://i.altapps.net/icons/mui-de9d2.png)
6
![HTML KickStart](https://i.altapps.net/icons/html-kickstart-9a967.png)
6
HTML KickStart
HTML KickStartは、非常に無駄のないHTML5、CSS、およびjQuery(javascript)ファイル、レイアウト、および要素のセットであり、すぐに始められ、次の時間を大幅に節約できます。
- 無料アプリ
- Web
![GroundworkCSS](https://i.altapps.net/icons/groundworkcss-3164c.png)
6
GroundworkCSS
GroundworkCSSは、100%無料のオープンソース対応のHTML5、CSS、およびJavaScriptフレームワークです。
- 無料アプリ
- Web
- Self-Hosted