Skip to content

🎨 Meshroom is a real-time collaborative design tool built with Next.js, Fabric.js, and Liveblocks. It enables multiple users to draw, comment, and interact live on a shared canvas, with support for exporting designs as PDFs. Perfect for teams and creatives.

Notifications You must be signed in to change notification settings

grep-many/meshroom

Repository files navigation

Meshroom 🧠🍄

Meshroom is a real-time collaborative design tool built with Next.js, Fabric.js, and Liveblocks.

🚀 Features

  • ✏️ Draw, move, and edit objects live with others
  • 🧵 Comment directly on canvas with thread support
  • 📁 Export designs to PDF
  • 👥 See active collaborators in real-time
  • 🧩 Context menus, dropdowns, and tooltips via Radix UI
  • 💨 Built-in animations and Tailwind utility-based styling

📦 Tech Stack

  • Frontend: React, Next.js
  • Canvas Engine: Fabric.js
  • Real-time Sync: Liveblocks (presence, storage, comments)
  • Styling: Tailwind CSS, Tailwind Merge, clsx
  • PDF Export: jsPDF
  • Icons: Lucide-react
  • UID: uuid

📄 Scripts

npm run dev     # Run locally
npm run build   # Build for production
npm run start   # Start production server
npm run lint    # Lint your code

🛠 Installation

git clone https://github.com/grep-many/meshroom.git
cd meshroom
npm install
npm run dev

🧠 Credits

Crafted with ❤️ using Liveblocks, Fabric.js, and Next.js for seamless collaboration and creative freedom.


About

🎨 Meshroom is a real-time collaborative design tool built with Next.js, Fabric.js, and Liveblocks. It enables multiple users to draw, comment, and interact live on a shared canvas, with support for exporting designs as PDFs. Perfect for teams and creatives.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published