CSS Flexbox Tool (Legacy)

Legacy web app, visit Flexbox Labs

CSS Flexbox Tool is a CSS flexbox playground and code generator tool. It's a tool for building layouts using CSS Flexbox.

Features

• Edit properties of the flex container and flex container items.
• Make custom styles to flexbox items.
• Get the CSS code and copy them to your project.

Usage

• Click on the flex container properties on the right to change them.
• Click a flex item in the container to edit its styles.
• Click on the "Get code" button to get the CSS code.

Live Demo

The live demo of CSS Flexbox Tool can be found at demo

Technical Stack

• HTML
• CSS
• JavaScript

Contributing

If you'd like to contribute to the development of CSS Flexbox Tool, you're welcome to do so! Just make a pull request and I'll review and merge it if everything is good to go.

License

CSS Flexbox Tool is open-source software licensed under the MIT license.