Kool Brushez

p5.js is a drawing framework and library for creating interactive sketches. Its official site provides a library reference, learning examples, a community gallery, and downloadable library releases.

Drawesome is a drawing toolbar and canvas component for React applications. It provides seven pen types—pencil, pen, brush, fineliner, highlighter, fountain pen, and another configurable pen tool—that vary stroke width according to movement speed or direction, plus an eraser that removes areas of strokes rather than deleting whole strokes. The React component supports configurable tools, colors, sizes, opacity, toolbar placement, appearance, controls, themes, tooltips, keyboard shortcuts, and initial or externally managed strokes. Drawings can be exported as SVG or PNG, downloaded directly, or accessed as stroke data through its ref methods. It is installed with npm, requires React 18 or later as a peer dependency, and has no runtime dependency beyond React.

Quickdraw is an MIT-licensed, open-source infinite-canvas whiteboard SDK for React, React Native/Expo, and plain JavaScript applications. It provides freehand pressure ink, highlighters, shapes, arrows, lines, text, sticky notes, images, selection and transformation tools, laser presentation pointers, themes, grids, palm rejection, and PNG export. Its data model emits JSON-safe diffs for real-time synchronization over an application-chosen transport, with support for persistence, undo/redo, and stroke-by-stroke replay. The project provides separate core, React, and React Native packages; the core is plain ESM with zero runtime dependencies and can run in modern browsers without a build step. The repository states that it is free for commercial use and has no license fee.

tldraw is an open-source SDK for building infinite-canvas applications in React, including whiteboards, diagramming tools, and workflow-mapping interfaces. Its canvas engine supports custom shapes, tools, bindings, UI components, drawing, geometric shapes, rich text, arrows, snapping, media, image export, and runtime control through an Editor API. The repository also documents self-hosted real-time collaboration through @tldraw/sync, browser-based rendering, and canvas primitives for AI integrations. It can be installed as an npm package and includes starter kits for applications such as workflow builders, agent canvases, and AI chat interfaces. The starter kits are MIT-licensed.

Krbn, pronounced “Carbon,” is an open-source TypeScript web engine for non-photorealistic, pencil-style rendering of 3D scenes to SVG. It is intended for abstract and technical scenes, with medical and organic illustration described as a future direction. Rather than rendering surfaces as pixels, Krbn derives, classifies, and styles strokes from geometry. Its analytic primitives produce exact silhouettes such as conics and the true quartic of a torus; hidden lines are split into visible and ghosted runs; intersections are solved using low-degree polynomial roots; and triangle meshes pass through the same rendering pipeline. Hatching provides shading and transparency through stroke density and direction, including curvature-following patterns such as sphere parallels and meridians, torus loops, and streamlines on arbitrary meshes. Scene semantics such as importance, focus, and role guide what the engine draws, ghosts, or abstracts. The pipeline includes hidden-line visibility, suggestive contours, hand-drawn wobble, and variable-width strokes. Wobble is seeded from stable stroke identities so animated camera movements do not cause the lines to boil between frames, and the project aims to emit deterministic, byte-identical SVG on a given platform. It supports scene and animation construction through an API, with examples including STL and OBJ imports and an animated camera orbit. Krbn is MIT-licensed.