Flexbox Playground

Visual CSS Flexbox builder with live preview and code output.

Runs locally in your browser

Direction

Justify

Align

Wrap

Gap (8px)

Items (5)

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;