https://github.com/kriziu/collabio

Real-time whiteboard
https://github.com/kriziu/collabio

canvas canvas2d nextjs react realtime socket-io typescript

Last synced: 9 months ago
JSON representation

Real-time whiteboard

• Host: GitHub
• URL: https://github.com/kriziu/collabio
• Owner: kriziu
• Created: 2022-05-17T17:02:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-03T23:05:06.000Z (over 1 year ago)
• Last Synced: 2025-03-23T20:37:15.219Z (9 months ago)
• Topics: canvas, canvas2d, nextjs, react, realtime, socket-io, typescript
• Language: TypeScript
• Homepage: https://collabio-kriziu.herokuapp.com/
• Size: 237 KB
• Stars: 138
• Watchers: 2
• Forks: 40
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-codebases - Collabio - Real-time whiteboard (**Awesome Codebases** [](https://github.com/sindresorhus/awesome))

README

          
# Collabio | Online whiteboard

Real-time whiteboard made with Next.JS and Socket.IO

## Features

- Drawing lines, circles and rectangles

- Eraser

- Undo/Redo

- Real-time mouse tracking

- Chatting

- Placing images

- Moving selected area

- Saving canvas

- Changing backgrounds

- Sharing

## Made using

- Next.JS

- Recoil

- TailwindCSS

- Framer Motion

- Socket.IO

## Demo

LIVE DEMO: https://collabio-kriziu.herokuapp.com

## Installation

Clone repository, install all npm packages and run like normal Next.JS application.

## Screenshots

#### Home page

![home page](https://i.imgur.com/00CZlrR.png)

#### Board page

![Board page](https://i.imgur.com/0v4Y8XP.png)