CSS Flexbox Generator

Build flexbox layouts visually · adjust container & item properties, see live preview, copy the CSS.

Container Properties

flex-direction

flex-wrap

justify-content

align-items

align-content

gap

Number of Items

JavaScript Required

Absolutool tools run entirely in your browser and require JavaScript to work. Please enable JavaScript in your browser settings.