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.
Please do give it a star on GitHub ⭐
Site link: <a href="https://flexboxlabs.netlify.app/" target="_blank" rel="noopener nofollow">demo</a>
GitHub repo: <a href="https://github.com/prazzon/Flexbox-Labs" target="_blank" rel="noopener nofollow">repo</a>

A squad for posts, articles and videos about open source development.

Open Source Front End

Flexbox labs is an open source visual tool designed to help you create and customize CSS Flexbox layouts. Key features include an edit tab, save tab, pre-built layouts, and options for customizing the app. The tool is built using React, TypeScript, Sass, and Framer Motion.

I built a Flexbox Playground with Awesome Animations

Great work. It will make our design creation easier.
Thank you for that

Its great project animation Ui all are smooth, how you come with this design? small issue I found that copy button is not working

Incredibly clean design and simple to use. Fantastic work.