Developer Tools

CSS Flexbox Generator

Build Flexbox layouts visually: all properties.

100% client-side: your files never leave your browser

Direction

Justify Content

Align Items

Gap: 16px

Flex wrap

Items: 4

Generated CSS

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 16px;