Collabo is a real-time collaborative design tool, heavily inspired by Figma, that enables multiple users to work together seamlessly on interface design projects. With features like cursor visibility, live comments, real-time chat, and a wide range of design elements, Collabo offers a comprehensive collaborative design experience.
- Real-time Collaboration: See others' cursors, comments, and live chat in real-time while working on designs.
- Comprehensive Design Tools: Utilize a variety of design elements including triangles, lines, rectangles, circles, and freeform drawing tools.
- Layer Management: Access a sidebar on the left for managing layers, allowing for easy organization and manipulation of design elements.
- Properties Sidebar: Utilize a sidebar on the right for adjusting text properties, dimensions, colors, and more.
- Export to PDF: Export the entire canvas as a PDF for easy sharing and collaboration outside of the platform.
- Next.js: A React framework for building server-rendered applications.
- Liveblocks: Real-time collaboration API for building collaborative applications.
- Fabric.js: A powerful and simple HTML5 canvas library.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
- React: A JavaScript library for building user interfaces.
To get started with Collabo, follow these steps:
-
Clone this repository to your local machine.
git clone https://github.com/bit-by-bits/Collabo.git
-
Navigate to the project directory.
cd Collabo -
Install dependencies using Yarn.
yarn install
-
Run the development server.
yarn dev
-
Open your browser and navigate to
http://localhost:3000.
Once the development server is running, access Collabo in your web browser. Sign up or log in to start collaborating with your team members. Create new designs, give feedback through comments, chat in real-time, and utilize the comprehensive set of design tools. Manage layers, adjust properties, and export your designs as PDFs for easy sharing.
Contributions are welcome! If you have any ideas, bug fixes, or enhancements, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.