mattdesl/canvas-sketch

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

5278 stars · 403 forks observed · 2026-08-28

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

A JavaScript framework and companion CLI for creating generative artwork using HTML5 Canvas 2D and WebGL (with Three.js templates). It scaffolds sketches, serves them with hot reloading, and exports dimension-aware, print-quality PNGs (e.g., A4 at 300 DPI) directly from the browser.

Use cases

• create generative art with javascript in the browser
• prototype 2d canvas and webgl sketches quickly
• export high-resolution print-ready png artwork at 300 dpi
• scaffold a new three.js sketch from a template
• hot reload while iterating on creative coding sketches
• build a generative sketch into a shareable html website

When to choose

• you want to make algorithmic/generative artwork with Canvas 2D or WebGL instead of a full app framework
• you need DPI- and paper-size-aware exports for archival or print output
• you want a batteries-included workflow: scaffolding, dev server, hot reload, and static build for sketches

When to avoid

• you need data visualization or charting rather than artistic sketches (use d3 or similar)
• you want the p5.js editor, community, or Processing-style API surface
• you need a guaranteed-stable API for production software, since the project self-describes as beta

Facets

framework · maturity active

graphics cli developer-tools build-tool graphics web-development developer-tools browser cross-platform cli generative-art creative-coding canvas2d webgl threejs sketching print-quality-export hot-reload p5js-alternative processing-inspired nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="mattdesl/canvas-sketch")