With a name like CSS Doodle you might not know what to expect.

But this is a really cool web component that lets you build some pretty awesome stuff. It works on the shadow DOM and lets you customize different shapes, figures, and patterns with CSS.

This also works with 2D transforms which are very powerful CSS3 properties when used right. This makes CSS Doodle one of the coolest and most aesthetically pleasing web components on the Internet.

To get started you just add the main script into your page’s header. There’s also directions on the CSS Doodle website to help you get up & running.It has some pretty crazy syntax which you’ll find lower on the main page.

This relies on various custom selectors that are defined inside the JS file. So when you write CSS Doodle code it’s being parsed through JavaScript, although you don’t need to know any JS yourself

It has some pretty crazy syntax which you’ll find lower on the main page.

This relies on various custom selectors that are defined inside the JS file. So when you write CSS Doodle code it’s being parsed through JavaScript, although you don’t need to know any JS yourself

It has some pretty crazy syntax which you’ll find lower on the main page.

This relies on various custom selectors that are defined inside the JS file. So when you write CSS Doodle code it’s being parsed through JavaScript, although you don’t need to know any JS yourself

It has some pretty crazy syntax which you’ll find lower on the main page.

This relies on various custom selectors that are defined inside the JS file. So when you write CSS Doodle code it’s being parsed through JavaScript, although you don’t need to know any JS yourself