Excalidraw
PackageOpen-source hand-drawn-style canvas, usable as a free npm React component
- Access
- None for the editor or npm package
About
Excalidraw is an MIT-licensed virtual whiteboard for sketching diagrams with a hand-drawn feel. The editor at excalidraw.com is free, and the @excalidraw/excalidraw npm package embeds the same canvas as a React component. Excalidraw+ is a separate paid hosted workspace.
What you can do with it
- Sketch flowcharts, wireframes and diagrams with a hand-drawn look
- Embed the Excalidraw canvas as a React component in your own app via npm
- Export or import scenes as PNG, SVG or the open .excalidraw JSON format
Get started
- Run npm install react react-dom @excalidraw/excalidraw
- Import the Excalidraw component and its CSS into your app
- Render <Excalidraw /> inside a sized container element
Details
- Hosting
- Hosted service, Self-hosted, Runs locally
- Available in
- Worldwide
- Official SDKs
- JavaScript/TypeScript
- MCP server
- None
