CSS Flexbox Generator

Build flexbox layouts and copy the CSS.

123

Direction

Justify

Align

CSS

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

About this tool

Free CSS flexbox generator. Set direction, alignment, and spacing with a live preview and copy the flexbox CSS — a fast way to build layouts.