NPM version

SVG-based drawing tool in browser. Built for Slidev.

Live Demo (built with Vanilla JavaScript!)

• Vanilla JavaScript - integrate into any framework you like
• SVG-based - scalable, transparent, and serializable
• Stylus / Touch pressure support
• Headless (unstyled) - style it as you want
• Undo / Redo stacks

npm i drauu

<svg id="svg"></svg>

import { createDrauu } from 'drauu'
const drauu = createDrauu({
 el: '#svg',
 brush: {
 mode: 'stylus', // 'line', 'rectangle', 'ellipse'
 color: 'skyblue',
 size: 5,
 }
})
// change brush color
drauu.options.brush.color = 'red'

Inspired by

• scribby by naknomum
• excalidraw
• draw by amoshydra
• live-draw by antfu

Thanks!

MIT