🧠 SketchBoard — The Open-Source Collaborative Whiteboard A next-generation Excalidraw-style visual collaboration platform — built for speed, openness, and real-time creativity.

SketchBoard is an open-source, browser-based visual collaboration tool that enables teams, developers, designers, and educators to sketch, diagram, and brainstorm — together, in real time.

Inspired by Excalidraw, but reimagined for extensibility, offline-first workflows, and privacy-friendly real-time sync, SketchBoard blends artistic freedom with technical precision.

• ⚡ Real-Time Collaboration — powered by CRDTs (Yjs / Automerge)
• 🎨 Modern Canvas Engine — freehand drawing, shapes, text, connectors, grouping
• 💾 Offline-First — works seamlessly without internet
• 🧩 Plugin System — extend SketchBoard with custom shapes, tools, exporters
• 🛡️ Privacy-Focused — your data stays local unless you share it
• 📦 Export Options — PNG, SVG, PDF, JSON
• 🌈 Extensible UI/UX — built with React, TypeScript, TailwindCSS

• Node.js ≥ 18
• pnpm / yarn / npm
• Modern browser (Chrome, Edge, Firefox, Safari)

git clone https://github.com/AbhishekMishra-OpenSource/SketchBoard.git
cd SketchBoard
pnpm install
pnpm dev

Open http://localhost:5173 in your browser 🚀

SketchBoard is a community-driven project.
We’re building a future where visual collaboration is open, accessible, and creative — and we’d love your help ❤️

Ways to Contribute:

• 🧑‍💻 Add new features or improve existing ones
• 🎨 Design icons, themes, or UX interactions
• 🧠 Write documentation and tutorials
• 🐛 Find and fix issues
• 🌍 Share feedback and ideas in Discussions

Read our CONTRIBUTING.md and CODE_OF_CONDUCT.md before your first PR.

• Core canvas tools (pen, shapes, text)
• Real-time multi-user sessions
• Export/Import formats (PNG, SVG, JSON)
• Plugin API for developers
• Offline sync with IndexedDB
• Authentication & shared sessions
• Cloud storage (optional)
• Performance optimizations (WebGL)

Track progress in Issues & Projects.

Frontend (React + Yjs)
   │
   ├── Canvas Engine (Shapes, Tools, Renderer)
   ├── State Manager (CRDT / Yjs)
   └── IndexedDB (Offline Persistence)
         │
         └── WebSocket Sync Server (Node.js)
                 ├── Session Manager
                 └── Document Store (PostgreSQL/Redis)

We believe collaboration tools should be open, transparent, and community-built.
Join us on our mission to democratize visual collaboration!

💬 Discussions | 🐛 Issues | 📢 Roadmap

This project is licensed under the MIT License © 2025 Abhishek Mishra.
See the LICENSE file for details.

Built with ❤️ by developers for creators — inspired by Excalidraw, tldraw, and Figma’s collaborative design systems.

“Visual thinking belongs to everyone — not just designers.”

excalidraw-clone, open-source, collaboration, react, typescript, crdt, yjs,
websockets, whiteboard, pwa, realtime, frontend, fullstack, design-tools,
innovation, devcommunity, sketchboard

⭐ If you like this project, consider giving it a star! It really helps! ⭐

MIT License

Copyright (c) 2025 Abhishek Mishra

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.