Drawspace

A modern, interactive vector drawing application built with Next.js and Konva.

Features

• Vector Tools: Create rectangles, ellipses, lines, and arrows with precision.
• Freehand Drawing: Sketch freely on the canvas.
• Shape Manipulation: Select, move, and transform existing shapes.
• Customization: Adjustable tool settings via a dedicated sidebar.
• Responsive Canvas: Automatically adapts to window size.

Tech Stack

• Framework: Next.js 15 (App Router)
• Library: React 19
• Language: TypeScript
• Canvas Engine: Konva / React-Konva
• Styling: Tailwind CSS
• State Management: Zustand
• Icons: Lucide React

Getting Started

1. Clone the repository.
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:3000 in your browser.