SketchBoard-Pro

Modern • Open Source • Infinite Whiteboard

Built for Teachers, Students, Developers and Teams.

---

Overview

SketchBoard-Pro is a modern, open-source infinite whiteboard designed for online teaching, note-taking, diagramming, brainstorming, and collaboration.

The goal of this project is to provide a fast, lightweight, extensible alternative to commercial whiteboard software while remaining fully open source.

Unlike AI-first tools, Canvas Studio focuses on delivering a professional whiteboard experience with optional AI-powered productivity features.

---

Features

Whiteboard

• Infinite Canvas
• Multi-page Boards
• Layers
• Undo / Redo
• Zoom & Pan
• Grid Support
• Snap to Grid
• Selection Tools
• Rich Drawing Tools
• Shapes
• Sticky Notes
• Text
• Images
• SVG Support
• PDF Import
• PNG / JPG / SVG / PDF Export

Teacher Tools

• Presentation Mode
• Laser Pointer
• Spotlight
• Graph Paper
• Coordinate Grid
• White Chalkboard
• Green Chalkboard
• Timer
• Stopwatch
• Classroom Templates

Productivity

• Local Storage
• Autosave
• Offline Support
• Keyboard Shortcuts
• Dark Mode
• Responsive Design

AI (Optional)

• Diagram Generation
• OCR
• Note Summaries
• Lesson Planning
• Flowchart Generation

---

Tech Stack

• React
• Vite
• TypeScript
• Tailwind CSS
• TanStack Router
• Framer Motion
• Canvas API

---

Project Structure

src/

components/
features/
hooks/
contexts/
config/
services/
utils/
types/
assets/
styles/

---

---

Getting Started

Clone the repository

https://github.com/ParthChittalwar/SketchBoard-Pro

Install dependencies

npm install

Run development server

npm run dev

Build production

npm run build

Preview

npm run preview

---

---

Deployment

Canvas Studio can be deployed to:

• Vercel
• Cloudflare Pages
• Netlify
• Firebase Hosting
• Render
• GitHub Pages

---

Roadmap

• Professional Whiteboard
• Templates
• Plugin System
• Collaboration
• Mobile Optimization
• AI Assistant
• Cloud Sync
• Extensions Marketplace

---

Contributing

Contributions are welcome.

Please read CONTRIBUTING.md before opening a pull request.

Ideas, feature requests, documentation improvements and bug reports are always appreciated.

---

Code of Conduct

Please read CODE_OF_CONDUCT.md.

---

License

This project is licensed under the MIT License.

See LICENSE for more information.

---

Support

If you find this project useful, consider supporting its development through the donation page.

---

Developer

Developed by Parth Chittalwar

GitHub • LinkedIn • Portfolio • YouTube • Instagram • X

(All links are configurable.)

---

Star History

If you like this project, consider giving it a star.