CSS Flexbox Generator

Visual CSS Flexbox playground with live preview. Adjust flex-direction, justify-content, align-items, gap, wrap, and per-item flex-grow/shrink/basis. See the result instantly and copy the generated CSS.