Flexbox Playground

Experiment with CSS Flexbox properties visually

Direction

Justify

Align

Wrap

Gap

CSS Code

How it works

Adjust flexbox properties with dropdowns
Live preview with colored boxes
Copy the generated CSS

Want to learn more?

Read the complete guide with examples and tips