Hey everyone! 👋
Remember Flexbox Labs? Well, it just got a whole lot better! 🎉
I’m incredibly excited to announce that Grids are now available in Flexbox Labs! This has been a long time coming, and I’m so happy to finally share it with you.
Dive in and start experimenting at: <a href="https://flexboxlabs.netlify.app/grid" target="_blank" rel="noopener nofollow">flexboxlabs.netlify.app/grid</a> (A custom domain is on the wishlist!)
This beta release is packed with features to help you master CSS grids:
<ul>
<li>Explore all the properties for grid containers and items.</li>
<li>Control the placement of grid items.</li>
<li>Visualize and manipulate grid lines.</li>
<li>Work with both implicit and explicit grid items.</li>
<li>And of course, you’ll still have access to all the original Flexbox Labs features.</li>
</ul>
This is a beta release, so your feedback is essential! Let me know what you find, what you love, and what could be improved. Contributions are always welcome!
If you love Flexbox Labs and want to support me in improving it, consider buying me a Coffee on <a href="https://buymeacoffee.com/prazzon" target="_blank" rel="noopener nofollow">bymeacoffee.com</a> Your support helps me dedicate time to this project and hopefully get that custom domain!
Here’s a sneak peek at what’s coming soon:
<ul>
<li>Grid line numbers for easier grid manipulation.</li>
<li>CSS box shadows.</li>
<li>CSS gradients.</li>
<li>Border-radius (especially working on perfect inner border-radius!)</li>
<li>And CSS transforms.</li>
</ul>
Thanks again for your support! Let me know what you think.

A space to share and discuss all things frontend adjacent for intermediate or senior level developers.

All Things Frontend

Grids are now available in Flexbox Labs, featuring properties exploration for grid containers and items, item placement control, and grid line manipulation. The beta release invites feedback and contributions to improve the tool, with future updates including grid line numbers, CSS box shadows, gradients, border-radius, and transforms.

I Finally built a Grid Playground with Awesome Animations

Lemme just follow here… Um yeah… follow button clicked… Mmm Hmm…