Flexbox Generator

Interactive Flexbox playground with copyable CSS output.

Runs entirely in your browser

1

2

3

4

5

flex-direction

flex-wrap

justify-content

align-items

gap8px

items5

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

Related tools