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.