CSS-Doodle

A web component for drawing patterns with CSS.

Web Components
css-doodle/css-doodlecss-doodle.comcss-doodle

README

<css-doodle />


Build Status
license


A web component for drawing patterns with CSS.

screenshot

Example


  1. ```css
  3.   @grid: 5 / 200px;
  4.   background: @p(#000, #fff);
  5.   margin: 1px;
  7. ```

Docs

https://css-doodle.com


Design tools


Tabbied -- Doodle with generated patterns
Shapes -- Discover new CSS polygon shapes


Resources


How to Draw Patterns with CSS Using CSS Doodle, by Adi Purdila
Creating Code Art with CSS-Doodle, by Diane Cipollo
Arte generativo con CSS, by Sonia Ruiz


Build


  1. ``` sh
  2. # build css-doodle.js
  3. npm run build

  5. # generate css-doodle.min.js
  6. npm run minify

  8. # or just use make
  9. make
  10. ```

Support


Thank you for your support! 🙏