Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a2355627fa10b6ed

Jump to content

Excalidraw

From Wikipedia, the free encyclopedia
Excalidraw
Original authorChristopher Chedeau
DeveloperExcalidraw s.r.o.
Release1 January 2020; 6 years ago (2020-01-01)
Stable release
0.18.0 / 11 March 2025; 16 months ago (2025-03-11)
Written inTypeScript
Operating systemWeb-based (cross-platform)
PlatformWeb browser
TypeCollaboration, Diagramming
LicenseMIT License
Websiteexcalidraw.com
Repositorygithub.com/excalidraw/excalidraw

Excalidraw is an open-source, web-based virtual whiteboard and diagramming application. It is used to create diagrams, wireframes, and sketches within a web browser without requiring account registration. The software features a characteristic hand-drawn visual style and supports real-time multi-user collaboration using client-side end-to-end encryption. Excalidraw is released under the MIT License and is maintained by Excalidraw s.r.o., a company based in Brno, Czech Republic.

History

[edit]

Excalidraw was created on 1 January 2020 by Christopher Chedeau, a software engineer at Meta Platforms. Chedeau, who previously co-created React Native and Prettier, initially developed the application as a personal project before registering the domain on 3 January 2020.[1] Within its first months, the project attracted open-source contributors who assisted in expanding its features and rewriting the codebase into TypeScript and React.[2]

By early 2021, day-to-day operations moved to Czech developers David Luzar and Milos Vetesnik. In May 2021, the team incorporated Excalidraw s.r.o. in Brno and launched a commercial cloud-based version named Excalidraw+ to fund the open-source project's development.[3] By May 2026, the main open-source repository on GitHub had accumulated over 123,000 stars.[4]

Features and architecture

[edit]

The application provides an infinite canvas for geometric shapes, lines, arrows, text, and freehand drawing. Its visual presentation relies on Rough.js, a JavaScript graphics library that alters standard vector paths to mimic irregular, hand-drawn lines.[2]

Excalidraw operates as a Progressive web application (PWA), allowing local installation and offline usage, saving data natively to local browser storage. Files use a native, JSON-based extension format (.excalidraw), and canvases can be exported to PNG or SVG formats.

Real-time collaboration sessions are executed using Socket.IO via a relay server. Data transmission uses the browser's native Web Cryptography API to achieve end-to-end encryption. A symmetric AES key is generated on the client side and appended to the sharing URL as a fragment identifier (following the # character). Because web browsers do not transmit URL fragments to HTTP servers, the data remains unreadable to the distribution server.[1]

Ecosystem

[edit]

Excalidraw is distributed as an npm package, allowing third-party developers to embed the whiteboard component directly into external React web applications.

Community-developed extensions integrate the application's file format into text editors and note-taking systems, including Visual Studio Code and Obsidian. The platform also has native integrations in commercial platforms such as Notion and HackerRank.

Reception

[edit]

Google's developer relations team published a technical case study on Excalidraw as a reference implementation for Progressive Web Apps. The analysis highlighted the software's adoption of advanced web platform capabilities, specifically its utilization of the File System Access API and native Clipboard API to replicate desktop software behavior within a web browser environment.[1]

References

[edit]
  1. 1 2 3 Steiner, Thomas (16 February 2021). "Excalidraw and Fugu: Improving Core User Journeys". web.dev. Retrieved 24 May 2026.
  2. 1 2 "One Year of Excalidraw". Excalidraw. 15 January 2021. Retrieved 24 May 2026.
  3. "Introducing Excalidraw+". Excalidraw. 18 May 2021. Retrieved 24 May 2026.
  4. "excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams". GitHub. Retrieved 24 May 2026.
[edit]