Excalidraw

133kexcalidraw/excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

Building blocks

Excalidraw is made of parts you can use on their own in your project. Copy a prompt to have your AI assistant add one for you, and see the licence card for what you may do with them.

A drawing whiteboard for your app
Free to use, even in closed products
The whole Excalidraw whiteboard, hand-drawn style included, ready to drop into a React app so your users can sketch and diagram.
Use it to build
- Diagrams inside docs and wiki tools
- Collaborative whiteboards
- Sketching in SaaS apps
View code
Technical details
Name
@excalidraw/excalidraw
What it is
Ready-made UI component
How to use it
Install it and use it
Install
npm i @excalidraw/excalidraw
Licence
MIT License (read from packages/excalidraw/package.json (licence field))
Turn drawings into images
Free to use, even in closed products
Saves Excalidraw drawings as PNG or SVG images without opening the editor, for previews and thumbnails.
Use it to build
- Rendering saved diagrams on the server
- Thumbnails and previews
View code
Technical details
Name
@excalidraw/utils
What it is
Code library
How to use it
Install it and use it
Install
npm i @excalidraw/utils
Licence
MIT License (read from packages/utils/package.json (licence field))