Dragster.js - Basic example demo

The blocks below can be dragged and dropped in any region except the last one, which is a drag-only region. The elements from the last region will be copied when dropping on any droppable region.

Dragster Github repository

1.1

Dragster Block 1.2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

1.3

1.4

Dragster Block 2.1

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

2.2

2.3

2.4

Elements cannot be dropped here. They are copied from here.

3.1

3.2

3.3

Dragster - draggable elements inside a draggable element demo

The example below is a bit more advanced. It shows the possibility of implementing a drag'n'drop functionality inside a draggable element.

1.1

Dragster Block 1.2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

1.3

1.4

Dragster Block 2.1

2.2 Second region - independent

1.1

Dragster Block 1.2

1.3

1.4

Dragster Block 2.1

2.2

2.3

2.4