51 points by chrisvxd 176 days ago | 6 comments
lawrencechen 173 days ago
Great work!

Is it possible to resize grid rows/grid cols directly in the editor? Similar to the bottom-right handle in react-grid-layout?

https://react-grid-layout.github.io/react-grid-layout/exampl...

chrisvxd 171 days ago
That would be wonderful, but will require some further work. Puck doesn't provide a grid, but it supports user grid implementations.

To support something like you're suggesting would likely require an official Grid component, which I'm now tracking here: https://github.com/measuredco/puck/issues/843

mgreenw 172 days ago
Puck is a marvel of drag and drop engineering and a wonderful open source project. Kudos to the team for this release!
chrisvxd 171 days ago
Thank you for the kind words! Makes it worth it.
ayush2390 176 days ago
The drag and drop animation looks very smooth
chrisvxd 176 days ago
Thank you!
doberdog 172 days ago
Some time ago I was looking for something similar to this. For even angular project.

I'll make a note of it, and check more calmly if it fits. But it looks very good.

Congratulations

chrisvxd 171 days ago
Thank you!

I would love to add support for other frameworks too, see https://github.com/measuredco/puck/issues/302

sandreas 172 days ago
I used gridstack[1] in the past. How does Puck compare?

1: https://gridstackjs.com/

chrisvxd 171 days ago
There's definitely some overlap!

Gridstack is a great tool for building complex grid layouts with drag and drop for specific use-cases.

Puck is for creating a complete page building experience, which includes not only drag and drop, but also user input via fields, viewport previewing, APIs for fetching data, etc.

Gridstack also provides it's own grid system, whereas Puck currently is unopinionated, supporting any component library that uses `display: grid` internally.

sandreas 171 days ago
Ah nice to know in case I need this. Thanks for taking the time.
ranger_danger 173 days ago
How does this compare to Bootstrap Studio?
cdurth 172 days ago
Not the same. Bootstrap Studio is a stand alone design tool. This is a framework to be integrated into an app.