MCPcopy Index your code
hub / github.com/css-doodle/css-doodle

github.com/css-doodle/css-doodle @v0.51.0 sqlite

repository ↗ · DeepWiki ↗ · release v0.51.0 ↗
477 symbols 1,329 edges 72 files 0 documented · 0%
README

css-doodle

license

A web component designed to explore the creative potential of CSS in a simple and expressive manner. It facilitates the creation of graphic patterns, visual backgrounds, handcrafted icons, and random decorations.

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

CLI Tools

  • cssd -- Preview and generate images/videos

Resources

Build

make

Support

Thank you for your support! 🙏

Core symbols most depended-on inside this repo

compare
called by 546
test/_compare.js
push
called by 214
src/utils/stack.js
isSymbol
called by 61
src/parser/tokenizer.js
get
called by 34
src/cache.js
trim
called by 31
test/generate-svg.js
add_rule
called by 31
src/generator/css.js
use
called by 30
src/component.js
is_nil
called by 28
src/utils/index.js

Shape

Function 361
Method 98
Class 18

Languages

TypeScript100%

Modules by API surface

src/function.js72 symbols
src/parser/parse-css.js52 symbols
src/component.js48 symbols
src/generator/css.js41 symbols
src/utils/index.js26 symbols
src/parser/tokenizer.js21 symbols
src/generator/shapes.js18 symbols
src/generator/svg.js16 symbols
src/parser/parse-svg.js14 symbols
src/selector.js13 symbols
src/calc.js11 symbols
src/generator/pattern.js9 symbols

Dependencies from manifests, versioned

esbuild0.25.4 · 1×
terser5.42.0 · 1×

For agents

$ claude mcp add css-doodle \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact