Drag and Drop

A free HTML5-based drag and drop question type allowing creatives to create many forms of drag and drop using only a web browser. Create engaging challenges using H5P and Drag and Drop in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.

Simple drag and drop
Chessboard Setup
Try to set up the chess board! Drag and drop the pieces to the correct starting positions. 1 point for each correctly placed piece.
Simple matching game
Matching game with auto align

Create interactive content like this in systems like:


Drag and drop questions enable the learner to associate two or more elements and to make logical connections in a visual way. Create Drag and drop questions using both text and images as draggable alternatives. H5P Drag and drop questions support multiple draggable to drop zone combinations; one-to-one, one-to-many, many-to-one and many-to-many.

Learn how to create a Drag and drop question in this tutorial.

Drag and drop questions may be used standalone, but can also be included in:

The H5P content on this page is licensed under Creative Commons Attribution 4.0 International unless another Creative Commons license is specified under rights of use. The author of the content is Joubel

New to H5P? Read the installation guide to get H5P on your own site.