Framer.js First Pass at Layers / by dan turner

In learning Framer.js, I first wanted to get a sense of layers, hierarchy, and positioning. The UK flag posed a unique challenge as the Saint Patrick's Saltire (the red diagonals) would weave over the Saint Andrew's Cross (the white diagonals) but under the white crossbar (which I'd be grateful for explanation of).

To be clear, every element in this image is generated in Framer.js/CoffeeScript. So each element could be transformed within code dynamically, and is exposed to click actions.