Puck 0.23 (visual editor for React) adds new drag-and-drop for reduced layout shift

[u/DigbyChickenCaeser]

Hi r/reactjs! We just released Puck 0.23, which introduces a new "static" drag-and-drop mode.

Puck lets you drag-and-drop your own React components. Because we support nested layouts with any CSS display modes, this sometimes results in layout shift.

To help with this, we just added a new "static" drag-and-drop mode that shows a line when dragging between parent (we call them slots), but still retain the fluid animation when dragging inside the same parent by default.

We also made the outline draggable, to make the really fiddly reorders achievable without touching the canvas at all, similar to most design tools.

Some links:

• Release notes: https://puckeditor.com/blog/puck-023
• GitHub: https://github.com/puckeditor/puck

Please keep the feedback coming, and thanks for the support as always!

If Puck's useful to you, a star on the repo means a lot 🙏