Tactile Interactions

Deciphering the language of touch and intent. This laboratory investigates how interfaces respond to human input, from the subtlety of a hover to the physics-based feedback of a drag interaction.

Lab 2 - Draggable Box

Create a box that can be dragged around the screen.

Create a motion.div to represent the box.
Use Motion's drag functionality to allow dragging.
Style the box with Tailwind CSS.