<css-doodle />

A web component for drawing patterns with CSS.

<css-doodle>
  @grid: 5 / 200px;
  background: @p(#000, #fff);
  margin: 1px;
</css-doodle>

https://css-doodle.com

• Tabbied -- Doodle with generated patterns
• Shapes -- Discover new CSS polygon shapes
• SVG playground -- Generate SVG code with new syntax

• An Introduction to css-doodle, by Yuan Chuan
• Arte generativo con CSS, by Sonia Ruiz
• How to Draw Patterns with CSS Using CSS Doodle, by Adi Purdila

make

Thank you for your support! 🙏