Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kriziu/collabio
Real-time whiteboard
https://github.com/kriziu/collabio
canvas canvas2d nextjs react realtime socket-io typescript
Last synced: about 6 hours ago
JSON representation
Real-time whiteboard
- Host: GitHub
- URL: https://github.com/kriziu/collabio
- Owner: kriziu
- Created: 2022-05-17T17:02:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-03T23:05:06.000Z (5 months ago)
- Last Synced: 2025-01-05T01:11:36.394Z (7 days ago)
- Topics: canvas, canvas2d, nextjs, react, realtime, socket-io, typescript
- Language: TypeScript
- Homepage: https://collabio-kriziu.herokuapp.com/
- Size: 237 KB
- Stars: 132
- 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
#### Board page
