Build a Drag & Drop Designer with Solid
I have a major project at the moment.
It's about building a designer for documents (mostly DIN A4 / US Letter - but also labels).
What is the best way to build something like this with SolidJS? With a drag & drop functionality, snapping & co.
And some kind of invisible grid, so that I can save the result of the designer at the end and render it in another service, e.g. to PDF or ZPL.
How would you proceed with something like this? Have you ever built something like this?
5 Replies
Might be a good starting point to hack together a proof of concept: https://solid-dnd.com/
Solid Drag & Drop
A lightweight, performant, extensible drag and drop toolkit for Solid.
For PDF generation, I run https://gotenberg.dev/ as a microservice, with some "print format" CSS boilerplate to define the canvas.
I want to build a drag and drop page designer like craft.js in solid js.
This would be a useful framework, for sure. Have you started working on it @PureSoul?
Yes. I am learning how craft.js works internally then I will convert it to SolidJs.