Hey everyone 👋
I’m excited to share the latest update to my open source project.
It’s called Flexbox labs, and it’s a visual tool that helps you create layouts using CSS Flexbox.
It includes:
<ul>
<li>An edit tab - to customize flex container and items.</li>
<li>A save tab - to save custom layouts</li>
<li>A layouts tab - consisting of pre-built layouts</li>
<li>A settings tab - to customize the app</li>
<li>And a clone, undo, redo, reset and generate code feature &amp; many more.</li>
</ul>
It was built using React, TypeScript, Sass and Framer Motion.
Feel free to give it a star on GitHub ⭐
Site link: <a href="https://flexboxlabs.netlify.app" target="_blank" rel="noopener nofollow">https://flexboxlabs.netlify.app</a>
GitHub repo: <a href="https://github.com/prazzon/Flexbox-Labs" target="_blank" rel="noopener nofollow">https://github.com/prazzon/Flexbox-Labs</a>

A safe place for React developers. Here you can find all kinds of topics related to React. Feel free to share your own :)

The React Community

Flexbox Labs is a visual tool for creating layouts using CSS Flexbox. It features customizable tabs for editing, saving, and using pre-built layouts, along with cloning, undo, redo, and code generation options. It is built with React, TypeScript, Sass, and Framer Motion. More details can be found on the provided GitHub repository and site link.

I built a Flexbox Playground with Awesome Animations

This is a great tool. It’s very helpful! Thanks!