Corridraw — The Innovation Workspace for Teams
Web Featured

Corridraw — The Innovation Workspace for Teams

An infinite-canvas collaboration SaaS for product, engineering, and design teams — sticky notes, sharp diagrams, live multi-cursor presence, AI-assisted sketch-to-diagram, and embedded boards inside Notion, Linear, and Confluence.

Overview

Corridraw is a live SaaS workspace (corridraw.com) built around an infinite canvas where teams sketch, decide, and ship together — combining a virtualised SVG/Canvas editor, CRDT-backed real-time collaboration, an AI Magic Frame that turns rough sketches into working diagrams, and deep integrations with Notion, Linear, Slack, GitHub, Figma, and Confluence.

Key Features

  • Infinite canvas combining sticky notes, freehand ink, sharp shapes, and frames — no grid, no fixed page
  • Live multi-cursor presence with names, colours, and conflict-free merging powered by a CRDT document model
  • AI Magic Frame — turn a rough sketch into a working flowchart, ER diagram, summary, or component layout
  • Smart diagramming for flowcharts, ER diagrams, UML, crow's-foot notation, mind maps, and wireframes with keyboard-first authoring
  • Templates library for discovery, retros, planning, roadmaps, architecture, and customer-journey maps
  • Threaded comments pinned to elements, async voting, and reactions — decisions live next to the artefact
  • Live embeds in Notion, Linear, and Confluence plus integrations with Slack, GitHub, and Figma
  • Export to SVG/PNG/PDF with version-history scrubbing backed by an append-only operations log
  • 10-second onboarding with a free-forever tier — no credit card required

Architecture

Component Details
Infinite canvas editor Custom SVG/Canvas hybrid on React with virtualised rendering, freehand ink, sticky notes, frames, and smart shapes that scale to large boards without dropping frames
Diagram engines Keyboard-driven authoring for flowcharts, ER, UML, crow's-foot, mind maps, and wireframes, sharing the same routing and styling primitives as the freeform canvas
AI Magic Frame LLM-backed service that converts rough sketches and notes into clean diagrams, summaries, and component layouts inside the same canvas context
Collaboration gateway Node.js WebSocket service carrying a CRDT document model so concurrent edits merge cleanly without locking; presence cursors and selection rectangles ride the same channel
Auth service Dedicated NestJS service handling JWT sessions, email verification, workspace-level RBAC, and SSO for paid tiers
SSR app Next.js SSR front-end serving corridraw.com, hydrating the editor, and brokering REST calls to the back-end services
Integrations Notion / Linear / Confluence live-embed renderers, plus Slack notifications, GitHub linking, and Figma frame import
Database PostgreSQL storing documents, workspaces, comments, votes, and an append-only operations log that drives history scrubbing and exports
Background workers Queue-driven workers for thumbnail generation, scheduled PNG/SVG/PDF exports, embed rendering, and analytics roll-ups
Infrastructure Single VPS with separate processes for SSR app, auth service, AI gateway, and WebSocket collaboration server behind nginx with TLS termination

Tech Stack

Next.jsReactNode.jsNestJSWebSocketCRDTAI / LLMPostgreSQLRedis

Details

Category Web
Technologies 9
Status Published
Featured Yes

Gallery

Related Portfolio