Control elements on the page with the mouse?

Question

css

Tell me, please, with the help of what technology, interfaces with floating elements are made or what to call them. Let's say we have a Control Panel. It has all sorts of blocks, like 5 last users, etc.
I want to be able to delete them, move them, etc. with the mouse.
It should be stored as far as I understand in the database? And send updates via Ajax
How to animate all this?
To let's say I pull the block, I release it and it is inserted into the place where it was released.

Answer 1

Drag and drop, see above, and easy removal, adding it to the side of react \ angular \ vue, you need to look

Answer 2

You need to use the built in Drag And drop API

Answer 3

I recommend reading the article on Ilya Kantor's website: https://learn.javascript.ru/drag-and-drop-objects