Excalidraw
Excalidraw is an open-source virtual whiteboard tool characterized by a hand-drawn style graphical interface, suitable for creating flowcharts, architecture diagrams, schematics, and other diagram types. It supports real-time multi-user collaboration, stores files in JSON format, and can be embedded in web pages or integrated with various tools. Its straightforward and intuitive interface makes it widely used in design sketching, technical documentation, and educational contexts.
Timeline (last 90 days)
In hands-on testing, with REA's help Claude wrote a replica page at about 8 minutes 45 seconds and delivered the complete answer and evidence files at 10 minutes, and the replica was visually almost identical to the original Excalidraw, with differences only in the square frame's rounded corners and the background color tone.
In hands-on testing, REA analyzed Excalidraw's hand-drawn style and revealed mechanisms such as lines being drawn twice, circles not closing, fixed random numbers keeping jitter stable, and scribbliness divided into three levels, with every conclusion backed by code evidence and verified correct one by one.
REA's analysis results were implemented from scratch rather than by copying Excalidraw's source code.
diagram-design can draw 44 chart types, outputs an HTML file with a single inline SVG, supports redrawing Mermaid, draw.io, and Excalidraw source files, and includes a guided step to extract colors and fonts from the user's website.
There are already many enhancement tools around the Excalidraw ecosystem, but most remain at the level of template libraries or style enhancements.
Mermaid adopts a text-as-diagram paradigm, using a Markdown-like DSL to describe nodes and connections and render standardized graphics; Excalidraw is based on a freehand Canvas drawing surface where element positions are entirely decided by the person.
When Claude AI Chat performs tasks such as drawing Excalidraw diagrams, it does so by calling the MCP provided by the other party rather than directly calling the REST API.
Open-source tools such as Tailwind CSS and Excalidraw both made their debut in the form of Show HN.
Arrow elements in Excalidraw express connections by referencing the ids of other elements through startBinding and endBinding.
Excalidraw is an open-source whiteboard tool known for its hand-drawn style, simple interaction, and local-first data handling.
11 more timeline events
All Facts (20)
Excalidraw is an open-source hand-drawn style whiteboard tool created in 2020 by former Facebook engineer Christopher Chedeau
90%UnverifiedExcalidraw is open-sourced under the MIT license and provides a React component library that third-party applications can embed via the @excalidraw/excalidraw package
90%UnverifiedWings integrates the Excalidraw plugin for hand-drawn whiteboards
60%UnverifiedExcalidraw has over 80,000 stars on GitHub
60%UnverifiedExcalidraw is an open-source virtual whiteboard tool whose file format is essentially a JSON structure.
60%UnverifiedREA's analysis results were implemented from scratch rather than by copying Excalidraw's source code.
50%UnverifiedIn hands-on testing, REA analyzed Excalidraw's hand-drawn style and revealed mechanisms such as lines being drawn twice, circles not closing, fixed random numbers keeping jitter stable, and scribbliness divided into three levels, with every conclusion backed by code evidence and verified correct one by one.
50%Unverifieddiagram-design can draw 44 chart types, outputs an HTML file with a single inline SVG, supports redrawing Mermaid, draw.io, and Excalidraw source files, and includes a guided step to extract colors and fonts from the user's website.
50%UnverifiedThere are already many enhancement tools around the Excalidraw ecosystem, but most remain at the level of template libraries or style enhancements.
50%UnverifiedMermaid adopts a text-as-diagram paradigm, using a Markdown-like DSL to describe nodes and connections and render standardized graphics; Excalidraw is based on a freehand Canvas drawing surface where element positions are entirely decided by the person.
50%UnverifiedWhen Claude AI Chat performs tasks such as drawing Excalidraw diagrams, it does so by calling the MCP provided by the other party rather than directly calling the REST API.
50%UnverifiedOpen-source tools such as Tailwind CSS and Excalidraw both made their debut in the form of Show HN.
50%UnverifiedFor complex diagrams containing dozens of nodes, multi-turn interactive loops require context compression or transmission of only change diffs in order to control request cost and latency.
50%UnverifiedExcalidraw's scene data is essentially structured JSON, with each element containing basic fields such as id, type, x, y, width, and height.
50%UnverifiedExcalidraw is an open-source whiteboard tool known for its hand-drawn style, simple interaction, and local-first data handling.
50%UnverifiedIntegrating external AI introduces trade-offs around data privacy and API costs, which conflict with Excalidraw's emphasis on local-first principles.
50%UnverifiedArrow elements in Excalidraw express connections by referencing the ids of other elements through startBinding and endBinding.
50%UnverifiedThe author recommends implementing graph engineering in three layers: the first layer runs manually (drawing diagrams with Excalidraw or tldraw), the second layer has each step write a file (such as plan.md), and the third layer uses orchestration tools.
50%UnverifiedExcalidraw and tldraw are known for being open-source, lightweight, and hand-drawn in style, and are popular among the developer community.
50%UnverifiedMiro, Excalidraw, and tldraw are savable digital whiteboard tools.
50%