2020-01-04 16:25:10 +01:00
< div align = "center" style = "display:flex;flex-direction:column;" >
< a href = "https://excalidraw.com" >
2020-01-16 21:32:40 +01:00
< img src = "./public/og-image.png" alt = "Excalidraw logo: Sketch handrawn like diagrams." / >
2020-01-04 16:25:10 +01:00
< / a >
< h3 > Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.< / h3 >
< / div >
2020-01-04 00:29:13 +01:00
## Try it now
2020-01-20 01:23:08 +01:00
[](https://app.netlify.com/sites/excalidraw/deploys)
2020-01-18 01:24:35 +01:00
Go to https://excalidraw.com to start sketching
2020-01-04 00:29:13 +01:00
2020-01-05 18:54:54 +01:00
## Testimonials
2020-01-05 19:09:36 +01:00
< a href = "https://twitter.com/Lissy_Sykes/status/1213813117177729026" > < img width = "398" src = "https://user-images.githubusercontent.com/197597/71783813-dbf8a600-2fa0-11ea-9c0d-bb3cc45969e6.png" > < / a >
< a href = "https://twitter.com/dan_abramov/status/1213762494428262400" > < img width = "398" src = "https://user-images.githubusercontent.com/197597/71783990-4d395880-2fa3-11ea-9ad7-186138db5003.png" > < / a >
2020-01-06 22:57:04 +01:00
< a href = "https://twitter.com/kyehohenberger/status/1214288572037025792" > < img width = "423" src = "https://user-images.githubusercontent.com/197597/71851802-34f13880-308c-11ea-9416-191099e6349c.png" > < / a >
2020-01-09 04:58:19 +01:00
< a href = "https://twitter.com/jordwalke/status/1214858186789806080" > < img width = "434" src = "https://user-images.githubusercontent.com/197597/72036874-07a1b780-3251-11ea-99e8-6bafd93483a0.png" > < / a >
2020-01-05 18:54:54 +01:00
2020-01-09 05:49:42 +01:00
< a href = "https://twitter.com/lucasazzola/status/1215126440330416128" > < img width = "429" src = "https://user-images.githubusercontent.com/197597/72039003-48e99580-3258-11ea-8daa-85dd055f2a82.png" >
2020-01-05 18:54:54 +01:00
## Run the code
2020-01-04 00:29:13 +01:00
2020-01-04 03:19:58 +01:00
### Code Sandbox
2020-01-04 00:29:13 +01:00
2020-01-04 03:19:58 +01:00
- Go to https://codesandbox.io/s/github/excalidraw/excalidraw
- You can start coding instantly, and even send PRs from there!
2020-01-04 00:29:13 +01:00
2020-01-04 03:19:58 +01:00
### Local Installation
2020-01-04 00:29:13 +01:00
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
2020-01-16 22:50:02 +01:00
#### Clone the repo
2020-01-04 00:29:13 +01:00
```bash
2020-01-04 03:19:58 +01:00
git clone https://github.com/excalidraw/excalidraw.git
2020-01-04 00:29:13 +01:00
```
2020-01-16 22:50:02 +01:00
#### Commands
2020-01-04 00:29:13 +01:00
2020-01-16 22:50:02 +01:00
| Command | Description |
| ------------------- | --------------------------------- |
| `npm install` | Install the dependencies |
| `npm run start` | Run the project |
| `npm run fix` | Reformat all files with Prettier |
| `npm run test:code` | Test for formatting with Prettier |
| `npm run test:app` | Test the app |
| `npm run test` | Run all tests |
2020-01-04 00:29:13 +01:00
## Contributing
Pull requests are welcome. For major changes, please open an [issue ](https://github.com/excalidraw/excalidraw/issues ) first to discuss what you would like to change.
2020-01-04 03:19:58 +01:00
2020-01-05 18:51:53 +01:00
You can also discuss the app on our [Gitter channel ](https://gitter.im/excalidraw/community ).
2020-01-04 03:19:58 +01:00
## Excalidraw is built using these awesome tools
2020-01-18 02:48:56 +01:00
- [React ](https://reactjs.org )
- [Rough.js ](https://roughjs.com )
- [Netlify ](https://www.netlify.com )
2020-01-04 03:19:58 +01:00
2020-01-05 18:54:54 +01:00
And the main source of inspiration for starting the project is the awesome [Zwibbler ](https://zwibbler.com/demo/ ) app.
2020-01-18 02:04:21 +01:00
## Contributors
### Code Contributors
This project exists thanks to all the people who contribute. [[Contribute ](CONTRIBUTING.md )].
< a href = "https://github.com/excalidraw/excalidraw/graphs/contributors" > < img src = "https://opencollective.com/excalidraw/contributors.svg?width=890&button=false" / > < / a >
### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute ](https://opencollective.com/excalidraw/contribute )]
#### Individuals
< a href = "https://opencollective.com/excalidraw" > < img src = "https://opencollective.com/excalidraw/individuals.svg?width=890" > < / a >
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute ](https://opencollective.com/excalidraw/contribute )]
< a href = "https://opencollective.com/excalidraw/organization/0/website" > < img src = "https://opencollective.com/excalidraw/organization/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/1/website" > < img src = "https://opencollective.com/excalidraw/organization/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/2/website" > < img src = "https://opencollective.com/excalidraw/organization/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/3/website" > < img src = "https://opencollective.com/excalidraw/organization/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/4/website" > < img src = "https://opencollective.com/excalidraw/organization/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/5/website" > < img src = "https://opencollective.com/excalidraw/organization/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/6/website" > < img src = "https://opencollective.com/excalidraw/organization/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/7/website" > < img src = "https://opencollective.com/excalidraw/organization/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/8/website" > < img src = "https://opencollective.com/excalidraw/organization/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/excalidraw/organization/9/website" > < img src = "https://opencollective.com/excalidraw/organization/9/avatar.svg" > < / a >
