rough-stuff/rough

Health v2 · maintenance only

Adoption not part of the score

21141 stars · 665 forks observed · 2026-08-28

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

Rough.js is a small (<9 kB) JavaScript graphics library that renders shapes with a hand-drawn, sketchy appearance. It provides drawing primitives for lines, curves, arcs, polygons, circles, and ellipses, and works with both HTML5 Canvas and SVG.

Use cases

• draw sketchy hand-drawn style graphics in the browser
• render rough-looking shapes on html5 canvas
• convert svg paths into hand-drawn style drawings
• create wireframe or whiteboard-style diagrams
• add hachure and cross-hatch fills to shapes
• draw sketchy charts or illustrations for web apps

When to choose

• you want a hand-drawn or sketchy aesthetic for canvas or svg graphics
• you need a tiny dependency (<9 kB) for stylized drawing primitives
• you want configurable roughness, bowing, and fill styles like hachure or cross-hatch

When to avoid

• you need precise, crisp vector graphics rather than a sketchy style
• you need server-side or non-browser rendering
• you need a full-featured drawing or charting framework

Facets

library · maturity stable

graphics ui-components animation graphics web-development frontend browser hand-drawn sketchy-style canvas svg drawing-library wireframe-graphics javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="rough-stuff/rough")