📐

CSS Flexbox Generator

Click properties to configure flex-direction, justify-content, align-items, flex-wrap and gap. See a live preview and copy the generated CSS instantly.

100% Free Works in Browser Instant

Container

flex-direction

justify-content

align-items

flex-wrap

gap: 8px

Items

Number of items

items (1–12)

flex-grow (items)

Item size

80px

Live Preview

Generated CSS