CSS Flexbox Generator

Set flex-direction, justify-content, align-items, flex-wrap, and gap visually — live preview with copy-ready CSS output.

Flexbox Settings

flex-direction

flex-wrap

justify-content

align-items

align-content (multi-line)

gap: 8px

Number of items: 4

Item width (px)

Item height (px)

Container height (px)