Skip to content

css-doodle/css-doodle

main
Switch branches/tags
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

<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! πŸ™