CSS-Doodle

A web component for drawing patterns with CSS.
GitHub
5.71k
Created 8 years ago, last commit 5 days ago
6 contributors
1.16k commits
Stars added on GitHub, month by month
2
3
4
5
6
7
8
9
10
11
12
1
2024
2025
Stars added on GitHub, per day, on average
Yesterday
=
Last week
+0.3
/day
Last month
+0.2
/day
Last 12 months
+0.9
/day
npmPackage on NPM
Monthly downloads on NPM
2
3
4
5
6
7
8
9
10
11
12
1
2024
2025
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! 🙏