Где почитать документацию о способах реализации конструктора элементов?

Question

[Сергей Миллер]

Есть возможность попробовать себя в реализации конструктора веб-страниц.

Как я это вижу?

На странице конструктора слева будет меню с набором готовых элементов (кнопки, блоки, шрифты, ...)

Справа будет рабочая область с представлением как в итоге будет выглядеть страница.

Интересует информация реализации перетаскивания элементов и больше всего реализации сохранения страницы в таком виде, в котором она была собрана пользователем в конструкторе.

Самый простой пример на изображении

Answer 1

[kocherman]

Если вы имеете в виду Drag-n-Drop, то:
https://packery.metafizzy.co/
https://muuri.dev/
https://github.com/lf2com/magnet.js (демо)
https://github.com/nichollascarter/subjx (демо)

Answer 2

[Владимир Коротенко]

Составьте ее серьезно! С тетрадкой там нарисуйте элементы и пальцем поводите, потом все ваши движения пальцем опишите в словах. Можете даже вырезать квадратики и их двигать. Потом все ваши мысли перенесите в список задач. После садитесь и делайте