Free CSS Flexbox Generator

Build CSS flexbox layouts visually. Set direction, wrap, justify, align, and gap. See live preview with code output.

Flexbox Generator

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