Tool
Flow
← All Tools
⬡ Flexbox Generator
Build flexbox layouts visually. Click an item to customize it individually. Copy CSS instantly.
Preview — click items to select
Drag-to-reorder not required — just adjust controls and copy CSS.
CSS Output
Copy CSS
Container
flex-direction
flex-wrap
justify-content
align-items
align-content
gap
px
Item 1
✕ Remove
flex-grow
flex-shrink
flex-basis
align-self
order
Items
+ Add Flex Item
Click an item in the preview to select and customize it.