Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/excalidraw/excalidraw
Virtual whiteboard for sketching hand-drawn like diagrams
https://github.com/excalidraw/excalidraw
canvas collaboration diagrams drawing hacktoberfest productivity whiteboard
Last synced: 5 days ago
JSON representation
Virtual whiteboard for sketching hand-drawn like diagrams
- Host: GitHub
- URL: https://github.com/excalidraw/excalidraw
- Owner: excalidraw
- License: mit
- Created: 2020-01-02T01:04:43.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-29T08:15:15.000Z (about 2 months ago)
- Last Synced: 2024-10-29T09:32:15.368Z (about 2 months ago)
- Topics: canvas, collaboration, diagrams, drawing, hacktoberfest, productivity, whiteboard
- Language: TypeScript
- Homepage: https://excalidraw.com
- Size: 81.1 MB
- Stars: 83,628
- Watchers: 406
- Forks: 7,872
- Open Issues: 1,905
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome - Hand Drawn Sketch Tool
- stars - excalidraw/excalidraw - drawn like diagrams (HarmonyOS / Windows Manager)
- awesome-canvas - excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams   (Libraries / Graph Editing)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesomeLibrary - excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (语言资源库 / typescript)
- awesome-homelab - Excalidraw - drawn like diagrams | (Apps / Diagramming)
- my-awesome-tools - ttps://github.com/excalidraw/excalidraw
- awesome-react - @excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams.  (UI Components / Canvas)
- awesome-web-editor - Excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams. (Design editor)
- awesome-useful-projects - <img src="https://icon.horse/icon/github.com" height="20px" align="center"/>/excalidraw/excalidraw - Virtual whiteboard (Jump To / Creative)
- awesome-useful-projects - <img src="https://icon.horse/icon/github.com" height="20px" align="center"/>/excalidraw/excalidraw - Virtual whiteboard (Jump To / Creative)
- Awesome - ExcaliDraw - Virtual whiteboard for sketching hand-drawn like diagrams. (Multimedia / Image and pictures)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome-repositories - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome-github-star - excalidraw - drawn like diagrams | excalidraw | 55473 | (TypeScript)
- awesome-starts - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome-starred - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (hacktoberfest)
- awesome-codebases - Excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (**Awesome Codebases** [](https://github.com/sindresorhus/awesome))
- awesome-robotic-tooling - Excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams. (Documentation and Presentation)
- awesome-list - excalidraw - drawn like diagrams | excalidraw | 22303 | (TypeScript)
- awesome-frontend-graph-library - Excalidraw - drawn like diagrams. (Graph App)
- awesome-end-user-programming - EXCALIDRAW - Virtual whiteboard for sketching hand-drawn like diagrams (Opensource Projects)
- awesome-devops - Excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams. - [excalidraw.com](https://excalidraw.com/) (Other / Observability)
- awesome-fe-resources - excalidraw
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- my-awesome - excalidraw/excalidraw - 12 star:87.4k fork:8.3k Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- my-awesome-list - excalidraw - drawn like diagrams | excalidraw | 87687 | (TypeScript)
- StarryDivineSky - excalidraw/excalidraw - >立即使用](https://excalidraw.com) (其他 / 网络服务_其他)
- jimsghstars - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome-star-libs - excalidraw / excalidraw
- awesome-front-end-system-design - Excalidraw - drawn like diagrams (Applications / Design Tool (e.g. Figma, Excalidraw))
- awesome-documentation - Excalidraw - An open source virtual hand-drawn style whiteboard for sketching hand-drawn like diagrams. (General Tools / Diagramming)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome-engineering - Excalidraw - drawn style sketching app/whiteboarding with collaboration (Awesome Tools / UX)
- stars - excalidraw - drawn like diagrams | excalidraw | 87731 | (TypeScript)
- stars - excalidraw - drawn like diagrams | excalidraw | 87348 | (TypeScript)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
- awesome - excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams (TypeScript)
README
Excalidraw Editor |
Blog |
Documentation |
Excalidraw+
An open source virtual hand-drawn style whiteboard.
Collaborative and end-to-end encrypted.
Create beautiful hand-drawn like diagrams, wireframes, or whatever you like.
## Features
The Excalidraw editor (npm package) supports:
- 💯 Free & open-source.
- 🎨 Infinite, canvas-based whiteboard.
- ✍️ Hand-drawn like style.
- 🌓 Dark mode.
- 🏗️ Customizable.
- 📷 Image support.
- 😀 Shape libraries support.
- 👅 Localization (i18n) support.
- 🖼️ Export to PNG, SVG & clipboard.
- 💾 Open format - export drawings as an `.excalidraw` json file.
- ⚒️ Wide range of tools - rectangle, circle, diamond, arrow, line, free-draw, eraser...
- ➡️ Arrow-binding & labeled arrows.
- 🔙 Undo / Redo.
- 🔍 Zoom and panning support.
## Excalidraw.com
The app hosted at [excalidraw.com](https://excalidraw.com) is a minimal showcase of what you can build with Excalidraw. Its [source code](https://github.com/excalidraw/excalidraw/tree/master/excalidraw-app) is part of this repository as well, and the app features:
- 📡 PWA support (works offline).
- 🤼 Real-time collaboration.
- 🔒 End-to-end encryption.
- 💾 Local-first support (autosaves to the browser).
- 🔗 Shareable links (export to a readonly link you can share with others).
We'll be adding these features as drop-in plugins for the npm package in the future.
## Quick start
**Note:** following instructions are for installing the Excalidraw [npm package](https://www.npmjs.com/package/@excalidraw/excalidraw) when integrating Excalidraw into your own app. To run the repository locally for development, please refer to our [Development Guide](https://docs.excalidraw.com/docs/introduction/development).
```
npm install react react-dom @excalidraw/excalidraw
```
or via yarn
```
yarn add react react-dom @excalidraw/excalidraw
```
Check out our [documentation](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/installation) for more details!
## Contributing
- Missing something or found a bug? [Report here](https://github.com/excalidraw/excalidraw/issues).
- Want to contribute? Check out our [contribution guide](https://docs.excalidraw.com/docs/introduction/contributing) or let us know on [Discord](https://discord.gg/UexuTaE).
- Want to help with translations? See the [translation guide](https://docs.excalidraw.com/docs/introduction/contributing#translating).
## Integrations
- [VScode extension](https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor)
- [npm package](https://www.npmjs.com/package/@excalidraw/excalidraw)
## Who's integrating Excalidraw
[Google Cloud](https://googlecloudcheatsheet.withgoogle.com/architecture) • [Meta](https://meta.com/) • [CodeSandbox](https://codesandbox.io/) • [Obsidian Excalidraw](https://github.com/zsviczian/obsidian-excalidraw-plugin) • [Replit](https://replit.com/) • [Slite](https://slite.com/) • [Notion](https://notion.so/) • [HackerRank](https://www.hackerrank.com/) • and many others
## Sponsors & support
If you like the project, you can become a sponsor at [Open Collective](https://opencollective.com/excalidraw) or use [Excalidraw+](https://plus.excalidraw.com/).
## Thank you for supporting Excalidraw
[
](https://opencollective.com/excalidraw/tiers/sponsors/0/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/1/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/2/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/3/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/4/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/5/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/6/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/7/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/8/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/9/website) [
](https://opencollective.com/excalidraw/tiers/sponsors/10/website)
Last but not least, we're thankful to these companies for offering their services for free:
[](https://vercel.com) [](https://sentry.io) [](https://crowdin.com)