view_weekDev Tools
CSS Flexbox Playground
Visual flexbox layout builder. Toggle all flex properties and see live results.
1
2
3
4
Visual flexbox layout builder. Toggle all flex properties and see live results.
Experiment with all CSS flexbox properties interactively: flex-direction, flex-wrap, justify-content, align-items, align-content, and individual item properties like flex-grow and align-self. The playground updates the preview in real time and shows the exact CSS you need to reproduce the layout.