Draw Tool for Game Table

Practical whiteboard for sketching reach-drawn like diagrams.
Collaborative and end-to-end encrypted.

Ask questions or hang forbidden on our disaccord.gg/UexuTaE.

Try it now

Conk out to excalidraw.com to lead off sketching.

Read the latest news and updates on our blog. A good start is to see each the updates of One Yr of Excalidraw.

Supporting Excalidraw

If you like the project, you can become a sponsor at Open Collective.

Last only not least, we'Ra appreciative to these companies for offering their services for free:

Documentation

Shortcuts

You can almost do anything with shortcuts. Click along the help icon on the freighter right corner to see them completely.

Arcuate lines and arrows

Choose stoc or arrow and click click click alternatively of drag.

Charts

You can easily create charts by replicate pasting data from Excel operating theatre just plain comma butterfly separated text.

Translating

To translate Excalidraw into separate languages, please visit our Crowdin Page. To add a new language, open an issue so we bum get things set up on our final stage archetypical.

Translations wish be available happening the app if they outgo a certain threshold of completion (currently 85%).

Create a quislingism session manually

In order to create a session manually, you just need to generate a link of this form:

              https://excalidraw.com/#way=[0-9a-f]{20},[a-zA-Z0-9_-]{22}                          

Example

              https://excalidraw.com/#way=91bd46ae3aa84dff9d20,pfLqgEoY1c2ioq8LmGwsFA                          

The first set of digits is the room. This is visible from the server that's loss to discharge messages to everyone that knows this number.

The second set of digits is the encoding operative. The Excalidraw server doesn't know about it. This is what all the participants use to encrypt/decode the messages.

Note: Please see that the encryption key is 22 characters long.

Shape libraries

Find a growing listing of libraries containing assets for your drawings at libraries.excalidraw.com.

Embedding Excalidraw in your App?

Try extinct @excalidraw/excalidraw. This packet allows you to easy embed Excalidraw as a React component into your apps.

Development

Code Sandbox

• Go to https://codesandbox.io/s/github/excalidraw/excalidraw
  • You may involve to sign in with GitHub and reload the page
• You can set forth coding in real time, and even send PRs from thither!

Local Installation

These instructions volition get you a copy of the externalize up and gushing on your local machine for development and testing purposes.

Requirements

• Node.js
• Narration (v1 or v2.4.2+)
• Git

Dead ringer the repo

git clone https://github.com/excalidraw/excalidraw.git

Install the dependencies

Start the server

Now you can open http://localhost:3000 and start coding in your favorite code editor.

Commands

Overlook	Description
yarn	Put in the dependencies
yarn start	Run the project
yarn fix	Reformat every files with Prettier
yarn test	Run tests
yarn trial run:update	Update test snapshots
yarn test:code	Test for data format with Prettier

Docker Write

You can use docker-draw up to work on Excalidraw locally if you don't want to setup a Node.js env.

lumper-compose up --build -d

Someone-hosting

We publish a Longshoreman figure with the Excalidraw client at excalidraw/excalidraw. You buttocks use it to self-host your own client subordinate your own domain, on Kubernetes, AWS ECS, etc.

docker habitus -t excalidraw/excalidraw              .              docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest

The Docker image is disembarrass of analytics and other trailing libraries.

At the moment, self-hosting your own instance doesn't support sharing operating room collaboration features.

We are working towards providing a full-feathered solution for self-hosting your own Excalidraw.

Contributing

Pull requests are receive. For major changes, please open an issue premier to discuss what you would corresponding to variety.

Noteworthy used tools

• Create Respond App
• Rough.js
• TypeScript
• Vercel

And the main source of inspiration for starting the project is the awesome Zwibbler app.

Draw Tool for Game Table

Source: https://github.com/excalidraw/excalidraw