CSS Doodle is based on Shadow DOM v1 and Custom Elements v1. Right now you can use it on latest Chrome and Safari without polyfills. Download css-doodle.js and put it into your web page.
The component simply generates a grid of div’s painted by its own content. Sometimes even the simpliest rule will compose out a beautiful result. One great thing about web components is that it’s just like other HTML elements, which can be easily styled or controlled using CSS, or manipulated dynamically by JavaScript with familiar DOM APIs.
CSS DoodleMade by yuanchuan, MIT Licensed.