Welcome to Drawsome! 🚀
Drawsome is a web application that lets you unleash your creativity by drawing various shapes, lines, and freehand sketches on an infinite canvas. Similar to Excalidraw, Drawsome offers a range of tools and features to make your drawing experience smooth and enjoyable.
🖊️ Drawing Tools: Draw lines, rectangles, ellipses, circles, and freehand sketches effortlessly.
🔍 Panning and Selection: Use the panning tool to navigate the canvas and the selection tool to relocate and manipulate your drawings.
🧽 Eraser: Easily erase any part of your drawings with the eraser tool.
⏪⏩ Undo/Redo: Made a mistake? No worries! Drawsome supports undo and redo functionality to correct errors.
🔧 Customization: Customize properties such as stroke color, fill color, fill type, roughness, and more for each drawing tool.
⌨️ Shortcuts: Increase your productivity with handy shortcuts for all the tools. Simply hover over a tool to view its shortcut via a tooltip.
📝 LocalStorage: Your drawings are automatically saved in the browser's localStorage, so you can access them even after reloading or closing the tab.
- React: Framework for UI.
- TypeScript: For type safety.
- RoughJS: Rendering shapes.
- perfect-freehand: Freehand pen strokes.
- flatted: Efficient data storage.
- Tailwind CSS: Styling.
To get started with Drawsome, simply clone the repository and follow the instructions in the README to set up the project on your local machine.
git clone https://github.com/aryandutt/drawsome.git
cd drawsome
npm install
npm run dev
You can access Drawsome online at Drawsome.
We're constantly working to improve Drawsome and would love to hear your feedback! Feel free to reach out to us with any suggestions, bug reports, or feature requests.
- Aryan Dutt (@aryandutt)
- Harsh Pant (@harsh11101)
Let your creativity flow with Drawsome! 🎉