Drawesome
benji.org · 1,125 words · saved by 1 readers
Drawing toolbar for React
29 July, 2026 Drawesome is a drawing toolbar for React. Seven pens, an eraser, SVG and PNG export, no dependencies beyond React. Two lines to drop into an app. I work on a lot of creative tools, and many of them benefit from the ability to draw. Annotating a screenshot, marking up a frame, circling the bit that's wrong. I kept building the same thing over and over, so I finally made it a package. Most of the work went into the toolbar.1 It changes shape rather than swapping panels: pick a colour and the row of pens becomes the palette, open the size controls and it becomes two sliders,…
saved by
related reading
- Quick start • tldraw Docstldraw.dev
- pen.devpen.dev
- Grainradgrainrad.com
- Inkbase: Programmable Inkinkandswitch.com
- The making of Cursor's iconsminoradventures.co
- Build your own Reactpomb.us
- Crafting the Next.js Websiterauno.me
- PenPen | Drawing in Motionpenpen.ch
- GitHub - blakeshao/a-psychos-gd-tool: a node-based graphic design toolgithub.com
- Node-Based UIs in React - React Flowreactflow.dev
- Excalidraw - Full featured sketching plugin in Obsidianforum.obsidian.md
- Livelinebenji.org