https://github.com/ankitkumar8080/excalidraw-clone

A drawing application that lets you create and manipulate drawings effortlessly on a digital canvas, like excalidraw does.
https://github.com/ankitkumar8080/excalidraw-clone

2d canvas drawing-app drawingboard excalidraw-clone nextjs perfect-freehand roughjs typescript

Last synced: 3 days ago
JSON representation

A drawing application that lets you create and manipulate drawings effortlessly on a digital canvas, like excalidraw does.

• Host: GitHub
• URL: https://github.com/ankitkumar8080/excalidraw-clone
• Owner: AnkitKumar8080
• Created: 2024-12-20T06:40:52.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2025-02-15T15:57:24.000Z (6 days ago)
• Last Synced: 2025-02-15T16:32:30.008Z (6 days ago)
• Topics: 2d, canvas, drawing-app, drawingboard, excalidraw-clone, nextjs, perfect-freehand, roughjs, typescript
• Language: TypeScript
• Homepage: https://excalidraw-clone-mocha.vercel.app
• Size: 326 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Excalidraw Canvas Drawing Project

![Screenshot 2](screenshots/Screenshot%20from%202024-12-31%2015-18-05.png)  

![Screenshot 3](screenshots/Screenshot%20from%202024-12-31%2015-18-42.png)

A **drawing application** that lets you create and manipulate drawings effortlessly on a digital canvas.

## ✏️ **What You Can Do:**

- **Freehand Drawing:** Draw smooth, natural strokes with your mouse or touch input.

- **Shape Drawing:** Create rectangles, circles, and lines with a hand-drawn style.

- **Move Elements:** Select and reposition any drawn element on the canvas.

- **Erase Elements:** Remove unwanted drawings with ease.

## 🔮 **Future Update:**

- **Real-Time Collaboration:** Work on the same canvas with others in real-time.

## 🚀 **Getting Started:**

1. **Clone the Repository:**

   ```bash

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

   cd excalidraw-clone

   ```

2. **Install Dependencies:**

   ```bash

   npm install

   ```

3. **Run the Project:**

   ```bash

   npm run dev

   ```

4. **Open in Browser:**  

   Visit `http://localhost:3000` to start drawing!