A Custom Element using the Shadow DOM to allow rotation.

Handle Pointer Events to allow rotation of the element via touch or mouse.

Add the "will-change" attribute to improve performance.

Paul ⟳ Spinlan. You spin me right round.

A little CSS improvement to create a pleasingly round element. No sharp corners!

Add Custom Events to respond to the element's movement.

Add a scale attribute to provide better interface for the element.

Add min and max values to constrain the element's movement.

Enable tracking rotations for multiple turns of the element.

Jake in the box