MagicKit.ai

Flexboxジェネレーター

CSS flexboxレイアウトを視覚的に作成。flex-direction、justify-content、align-items、gap、wrapなどを設定。リアルタイムプレビューとCSSコードのコピー。

コンテナプロパティ

10px
5
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 10px;
1
2
3
4
5

関連ツール

🔒 瞬時に結果表示、AIより速い。登録不要。100%プライベート。