Home
›
Tools
› CSS Flexbox Generator
CSS Flexbox Generator
Visually build CSS flexbox layouts with live preview and copy-ready code.
Flex Direction:
row
row-reverse
column
column-reverse
Justify Content:
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items:
stretch
flex-start
flex-end
center
baseline
Flex Wrap:
nowrap
wrap
wrap-reverse
Gap (px):
Items:
Copy CSS