ZapFlex

CSS Flexbox Generator & Playground

Runs entirely in your browser

Preset Layouts

Container Properties

flex-direction

justify-content

align-items

flex-wrap

align-content

gap

Child Items

Item 1 Properties

flex-grow

flex-shrink

flex-basis

order

align-self

Live Preview

Click an item to edit its properties

Generated CSS

Also from ZapTools

Free business tools for freelancers & small teams

📄 Invoice Generator 🧾 Receipt Maker 📝 Proposal Builder 📜 Contract Generator ⚡ All 120+ Tools