steveruizok/perfect-freehand

Health v2 · maintenance only

Adoption not part of the score

5693 stars · 212 forks observed · 2026-08-28

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

A TypeScript library that generates pressure-sensitive freehand stroke outlines from input points, exportable as polygons for rendering with SVG, HTML Canvas, or any other technology. It simulates or accepts real stylus pressure and offers customizable stroke appearance options.

Use cases

• draw pressure-sensitive freehand lines in a web app
• build a digital whiteboard or note-taking sketch tool
• convert mouse or stylus input points into smooth variable-width strokes
• render hand-drawn strokes as SVG paths or canvas polygons
• add natural-looking pen strokes to a drawing application
• simulate pen pressure from mouse movement

When to choose

• you need realistic, pressure-sensitive freehand strokes in SVG or Canvas
• you want a small, framework-agnostic library that just returns outline points
• you're building a whiteboard, sketching, or annotation tool in the browser
• you want to support both stylus pressure and simulated mouse pressure

When to avoid

• you need a full drawing application with layers, undo, or color tools
• you're working outside JavaScript/TypeScript without using one of the community ports
• you need vector editing or bezier manipulation rather than stroke generation

Facets

library · maturity active

graphics image-processing graphics web-development frontend browser cross-platform drawing freehand-strokes pressure-sensitivity svg html-canvas typescript stroke-generation nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="steveruizok/perfect-freehand")