css-doodle

🎨 A web component for drawing patterns with CSS.

MIT License

Downloads
18.1K
Stars
5.4K
Committers
8

<css-doodle />

A web component for drawing patterns with CSS.

Example

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

Docs

https://css-doodle.com

Design tools

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

Resources

Build

make

Support

Thank you for your support! 🙏