Developer

CSS Flexbox Playground

Try flex-direction, wrapping and alignment and copy the CSS.

Developer

Local only

Itemsflex-directionflex-wrapjustify-contentalign-itemsGap (px)

Everything stays in your browser

Your text is processed on your device — nothing is uploaded to a server.

How it works

Change the options and press Generate to see the layout update in the preview.

Good to know

How do I use it?

Fill in the options and press “Generate”. Check the result, then copy or download it.

How does it work?

Change the options and press Generate to see the layout update in the preview.

Is my data uploaded?

No. Everything is processed in your browser and nothing is sent to a server. No account is needed.