>_ DevTools.fm

CSS Flexbox Generator

Visual flexbox playground. Configure container and item properties, preview layouts live, and copy the generated CSS.

Controls

Presets

Container

flex-direction

flex-wrap

justify-content

align-items

align-content

gap

Items

Selected Item:

flex-grow

flex-shrink

flex-basis

order

align-self

Preview

Generated CSS

Copied to clipboard!