Flexbox Generator

CSS Flexbox Playground

Learn and build flexbox layouts visually. Adjust container and item properties with instant live preview.

Items 3 / 12
CSS
Share this layout
Post Share
Embed button (for blogs & docs)
Container
Direction
Justify
Align Items
Wrap
Gap8px
Item Properties
Flex Grow0
Flex Shrink1
Flex Basis
Align Self
Order0
Presets
Scroll to Top