dffd83078b
|
||
|---|---|---|
| .github | ||
| src | ||
| test | ||
| tools | ||
| .gitignore | ||
| CHANGELOG.md | ||
| LICENSE | ||
| Makefile | ||
| README.md | ||
| css-doodle.js | ||
| css-doodle.min.js | ||
| package.json | ||
| rollup.config.js | ||
README.md
<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
Design tools
- Tabbied -- Doodle with generated patterns
- Shapes -- Discover new CSS polygon shapes
- SVG playground -- Generate SVG code with new syntax
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
# build css-doodle.js
npm run build
# generate css-doodle.min.js
npm run minify
# or just use make
make
Support
Thank you for your support! 🙏
