I always wanted to build something over canvas like Excalidraw so created this fun project which is a feature rich free-hand sketching web application. It's under progress, I'll be creating all the cool imrovements mentioned below.
- ReactJS
- Tailwind CSS
- Shadcn
- Fully responsive freehand writing with custom stroke color and width with Erase functionality
- Custom Commands provided to handle different operations like Undo, Redo, Clear All and for switching between different modes.
- Auto save sketches in local storage
- Smooth Zoom and scroll functionality
- Download canvas data as PNG image
To get started with SketchifyMe, follow these steps:
- Yarn: A package manager to install dependencies.
git clone https://github.com/Ajeet1606/sketchify.git
cd sketchify
Command: yarn
There's no complex config required, just install the dependencies and you can start the application using the following command:
yarn dev
- Add Text input
- Drag and drop elements on the canvas
- Add different shapes drawing like Square, Line, Arrow etc.
- Provide Image support