Excalidraw — Collaborative Whiteboard & Diagrams

Excalidraw Features

Hand-Drawn Style

All shapes render with a hand-sketched aesthetic that's both beautiful and readable. Rectangles, circles, arrows, text, and freeform drawing.

Real-Time Collaboration

Share a link and multiple people draw simultaneously:

• See each other's cursors
• End-to-end encrypted sessions
• No account required

React Component

import { Excalidraw } from '@excalidraw/excalidraw';

<Excalidraw
    initialData={{ elements: savedElements }}
    onChange={(elements) => saveToBackend(elements)}
    theme="dark"
    viewModeEnabled={false}
    zenModeEnabled={false}
    gridModeEnabled={true}
/>

Export Options

• PNG (with transparent background option)
• SVG (scalable)
• JSON (for saving/loading)
• Clipboard copy
• Embeddable links

Libraries

Import pre-made shape libraries:

• Architecture diagrams (AWS, GCP, Azure icons)
• UML components
• Flowchart shapes
• Wireframe elements
• Custom libraries from the community

AI Features

• Text-to-diagram generation
• Shape recognition from freehand drawing
• Smart arrow connections

Integrations

FAQ

Q: What is Excalidraw? A: Excalidraw is an open-source whiteboard with 120,000+ GitHub stars for hand-drawn style diagrams with real-time collaboration. Available as a web app and embeddable React component.

Q: Is Excalidraw encrypted? A: Yes, shared collaboration sessions use end-to-end encryption. No one (including Excalidraw servers) can read your drawings.

Q: Is Excalidraw free? A: Yes, open-source under MIT license. The web app at excalidraw.com is free forever.