Go to file
月影 01d0fac7d5
Update shaders (#73)
* max grid-size from 32 to 256 & support shadertoy-shader format

* max grid-size from 32 to 256 & support shadertoy-shader format

* fix shader loader

* update css-doodle.min

* fix test-case
2022-04-26 18:33:54 +08:00
.github Update CI name 2022-02-04 16:18:46 +08:00
src Update shaders (#73) 2022-04-26 18:33:54 +08:00
test Update shaders (#73) 2022-04-26 18:33:54 +08:00
tools Fix build scripts 2022-01-28 22:46:27 +08:00
.gitignore Simplify calc inside sequences 2021-05-04 15:35:02 +08:00
CHANGELOG.md 0.26.4 2022-04-09 20:58:46 +08:00
LICENSE Update license 2022-01-28 22:48:16 +08:00
Makefile Fix build scripts 2022-01-28 22:46:27 +08:00
README.md Update CI name 2022-02-04 16:18:46 +08:00
css-doodle.js Update shaders (#73) 2022-04-26 18:33:54 +08:00
css-doodle.min.js Update shaders (#73) 2022-04-26 18:33:54 +08:00
package.json 0.26.4 2022-04-09 20:58:46 +08:00
rollup.config.js Add version to released files 2020-11-25 22:12:30 +08:00

README.md

<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

Resources

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