CSS Flexbox Generator

Visually build CSS Flexbox layouts and generate the code instantly.

Controls

Flex Direction

Justify Content

Align Items

Align Content

Flex Wrap

Gap: 10px

Flex Items Count

Item Width

e.g. 100px, auto, 30%

Item Height

e.g. 80px, auto

Container Height: 300px

Live Preview

Generated CSS

Generated HTML

CSS copied to clipboard!

HTML copied to clipboard!

Support & Stay Connected

Follow Updates Bluesky Vote on Product Hunt

10% OFF

10% Off IFTTT Pro Plans!

Power up your workflows with IFTTTs no-code magic, discounted 10% for new subscribers.

Subscribe Now

Hot Deal

GLM Coding Plan -10% off!

Get AI-powered coding assistance, debugging, and generation with the GLM Coding Plan from z.ai, now 10% cheaper. Activate the offer, subscribe, and start shipping better code, faster.

Subscribe Now