Introducing a simple Flexbox builder tool, built with Vue!
- Build your layout with a couple of simple clicks
- Real-time output changes
- Changeable HTML output (
div
,section
,ul
) - Copy & Paste the HTML/CSS for further styling
- Setup the flexbox container and each item independently
- Share the CSS between the flexbox items
- Learn as you play with it by visualizing the changes
Check it out here: Flexbox Builder Tool
Top comments (6)
Really cool! 5min with this and I tested and understand more flexbox properties than half an hour testing in codepen!
Thanks! That was the goal. I wanted to make it as understandable as possible. I'm glad I managed to achieve that.
This is awesome. Great tool to help newbies like me learn how this works without sitting through videos and chapter after chapter.
Thanks mate! Glad I could help you out and make it more clear.
That's AWESOME! Thanks.
No problem, glad you find it useful.