CSS Flex レイアウト生成ツール

CSS Flex レイアウト生成ツール

Flexbox のコンテナ設定を視覚的に調整。プリセット適用・ライブプレビュー・CSS コピーに対応。

• 16種プリセット：row/column、center、space-between/evenly、wrap、navbar、reverse、baseline など
• flex-direction、flex-wrap、justify-content、align-items、gap を調整可能
• 色付きアイテムで主軸・交差軸の整列を確認
• そのまま貼れる display:flex CSS を出力