CSS-Doodle

A web component for drawing patterns with CSS.
GitHub
5.71k
Created 8 years ago, last commit 4 days ago
6 contributors
1.16k commits
Stars added on GitHub, month by month
1
2
3
4
5
6
7
8
9
10
11
12
2024
Stars added on GitHub, per day, on average
Yesterday
+2
Last week
+0.4
/day
Last month
+0.5
/day
Last 12 months
+0.9
/day
npmPackage on NPM
Monthly downloads on NPM
1
2
3
4
5
6
7
8
9
10
11
12
2024
No dependencies
README

<css-doodle />

Build Status license

A web component for drawing patterns with CSS.

screenshot

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! 🙏