* add zoom center action button * enhance zoom calculation and scroll to center * add zoom out and center button * filter deleted elements * improve complexity * add key shortcut * calculate zoom value * don't render zoomCenter action * offset from top to account for shape menu * change shortcut & add to shortcut dialog * decrease offset * revert offset * change hotkey & description * rename to zoomToFit * change shortcut label & position Co-authored-by: dwelle <luzar.david@gmail.com>
Try it now
Go to https://excalidraw.com to start sketching.
Read our blog and follow the guides to learn more about Excalidraw and how to use it effectively.
Run the code
Code Sandbox
- Go to https://codesandbox.io/s/github/excalidraw/excalidraw
- You may need to sign in with Github and reload the page
- You can start coding instantly, and even send PRs from there!
Local Installation
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Clone the repo
git clone https://github.com/excalidraw/excalidraw.git
Commands
Command | Description |
---|---|
npm install |
Install the dependencies |
npm start |
Run the project |
npm run fix |
Reformat all files with Prettier |
npm test |
Run tests |
npm run test:update |
Update test snapshots |
npm run test:code |
Test for formatting with Prettier |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Translating
To translate Excalidraw into other languages, please visit our Crowdin page. To add a new language, open an issue so we can get things set up on our end first.
Excalidraw is built using these awesome tools
And the main source of inspiration for starting the project is the awesome Zwibbler app.
Testimonials
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]