Free CSS Flexbox Generator

Build flexbox layouts visually. Set direction, justify, align, wrap, gap and copy the CSS.

1
2
3
4
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 12px;
Discover SOLO SARA — The AI WhatsApp assistant for freelancers at €9.90/month

All processing happens in your browser. No data is sent to any server.