デベロッパー
無料
サインアップ不要
Tailwind CSS チートシート
200以上のTailwind CSS v3ユーティリティクラスのインタラクティブな検索可能リファレンスです。
ツールを読み込み中…
このツールについて
Tailwind CSS v3ユーティリティクラスをレイアウト、フレックスボックス、グリッド、スペーシング、サイジング、タイポグラフィ、ボーダー、エフェクト、フィルター、トランジション、トランスフォーム、インタラクティビティのカテゴリ別にグループ化して閲覧・検索・コピーできます。各エントリにはクラス名、適用される基本CSS、およびレスポンシブまたはステートバリアントに関するメモが表示されます。任意のクラスをクリックして即座にコピーできます。
使い方
- 1 ステップ1：検索ボックスを使用して名前（例：「flex」）またはCSSプロパティ（例：「display」）でクラスを検索してください。
- 2 ステップ2：クラスグリッド上部のピルボタンを使用してカテゴリでフィルタリングしてください。
- 3 ステップ3：任意のエントリをホバーして完全なCSS値と利用可能なレスポンシブ/ステートバリアントを確認してください。
- 4 ステップ4：クラス名カードをクリックしてクリップボードにコピーし、HTMLに貼り付ける準備をしてください。