css-doodle/css-doodle

Health v2 · maintenance only

Adoption not part of the score

6030 stars · 209 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

css-doodle is a web component for drawing generative patterns and visual art with CSS. It generates a grid of cells styled by CSS rules with extra utility functions for randomness, picking, and math.

Use cases

• generate graphic patterns with css
• create generative art in the browser
• make animated visual backgrounds
• draw decorative icons with css
• create random generative decorations for a website
• explore creative coding with css

When to choose

• you want to create patterns or generative visuals using only CSS in the browser
• you need a lightweight web component that works in all major browsers without polyfills
• you want randomness and grid-based helpers on top of plain CSS

When to avoid

• you need canvas or WebGL-based generative art with heavy computation
• you want a full design or animation framework rather than a pattern-drawing component
• your target environment does not support custom elements or shadow DOM

Facets

library · maturity active

ui-components graphics animation templating web-development frontend graphics web-design browser web-component generative-art creative-coding css-patterns visual-art shadow-dom custom-elements web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="css-doodle/css-doodle")