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 3 - Rotate on Drag

Create a box that rotates when being dragged.

Create a motion.div to represent the box.
Use the onDrag event to calculate the rotation angle.
Use Tailwind CSS for styling the component.