CSS Flexbox Generator

Lay out items with CSS Flexbox and see the result instantly. Features include:

• Container controls for direction, wrapping, alignment and gap
• Per-item controls for grow, shrink, basis, order and self-alignment: click an item to edit it
• Minimal CSS output that only includes what you changed
• Copy-to-clipboard
• Runs entirely in your browser: nothing is uploaded and nothing is stored