Quick start

npm install wdraw

Import the component and its stylesheet, then give the element a height:

import "wdraw";
import "wdraw/style.css";

<style>
  web-draw {
    display: block;
    height: 600px;
  }
</style>

<web-draw id="drawing" storage-key="my-drawing-library"></web-draw>

Set theme="light" or theme="dark", view-mode, zen-mode, or grid-mode as needed.

Documentation

Full guides, the JavaScript API, and a live playground: henryhale.github.io/webdraw

Credits

Webdraw is based on Excalidraw and adapts its work into a framework-agnostic web component. Thanks to the Excalidraw team and contributors for making that foundation open source.

License

MIT © Henry Hale

Excalidraw, which Webdraw builds on, is also MIT licensed © Excalidraw contributors.