lit-draggable-dom

Example of how to take HTML Elements or SVG Elements as slots and render them on a canvas that can be dragged as a whole or individual items.

OTHER License

Stars
15

Lit Draggable DOM

Lit Example of how to take HTML Elements or SVG Elements as slots and render them on a canvas that can be dragged as a whole or individual items.

You can try the demo here!

Here is the related blog post.

This uses CSS 2D transforms and pointer capture events to efficiently render and move the elements.

There is also an example on the Lit playground here.