Flexbox Labs

A web app for creating flexible layouts with the power of CSS Flexbox.

Flexbox Labs is a visual tool that helps you create layouts using CSS Flexbox. It offers an intuitive interface that shows changes in real-time, making it easy to experiment and learn.

Features

• Live Preview: Preview changes in real-time as you adjust parameters.
• Playground Customization: Add, delete, or duplicate flex items.
• Undo and Redo Changes: Easily revert or redo modifications for easy experimentation.
• Edit Flex Properties: Edit both flex container and individual flex item properties.
• Save/Load Layouts: Save, load or delete custom layouts.
• Pre-build Layouts: Load pre-built layouts/templates.
• Export HTML and CSS Code: Get HTML and CSS code for the generated layout.