![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特徴
カテゴリー
Self-HostedのTailwind CSSの代替
![Frow (flex row) CSS Grid System](https://i.altapps.net/icons/frow-flex-row-css-grid-system-be554.png)
1
Frow (flex row) CSS Grid System
Frowは、Web上で迅速で応答性の高いモバイルファーストプロジェクトを作成するためのHTMLおよびCSSフレームワークです。
- 無料アプリ
- Web
- Self-Hosted
![Wing framework](https://i.altapps.net/icons/wing-framework-a5605.png)
1
Wing framework
Wingはスタイルのベースを提供する最小限のCSSフレームワークであり、膨大なクラス名を覚える必要さえありません。すべての要素が自動的にスタイルされます。
- 無料アプリ
- Self-Hosted
![Structure (a declarative Flexbox based Grid Framework)](https://i.altapps.net/icons/structure-a-declarative-flexbox-based-grid-framework-9a967.png)
0
Structure (a declarative Flexbox based Grid Framework)
構造は、宣言的なFlexboxベースのグリッドフレームワークです。構造は、要素の非標準属性を使用してレイアウトを定義します。
- 無料アプリ
- Web
- Self-Hosted
![Photon UI Kit](https://i.altapps.net/icons/photon-ui-kit-9a967.png)
0
![Crow (column-row) grid framework](https://i.altapps.net/icons/crow-column-row-grid-framework-217f.png)
0