What is Flowstate?
Flowstate Canvas is a spatial collaboration platform designed to help teams turn ideas into structured projects. It combines an infinite canvas interface with AI-assisted workflows, creating a workspace where creativity and organization coexist naturally.
The Core Concept
Section titled “The Core Concept”At its heart, Flowstate Canvas is about giving ideas room to breathe. Traditional project management tools force you into rigid structures from day one. Flowstate takes a different approach: start with a blank canvas, capture ideas as they come, then gradually shape them into actionable projects.
The platform provides an infinite 2D workspace where you can place ideas, create discussion spaces, set up team offices, and build custom workflows. Everything lives on the canvas, and you navigate by panning and zooming, just like working with a physical whiteboard that never runs out of space.
How Teams Use Flowstate
Section titled “How Teams Use Flowstate”Capturing Ideas
Section titled “Capturing Ideas”Ideas start as Sparks, lightweight requests or concepts that you can drop onto the canvas. A Spark might be a feature request, a design concept, a bug report, or just a thought worth remembering. Sparks live inside Rooms, which are discussion spaces organized around themes or projects.
Think of Rooms as containers for related ideas. You might have a “Q1 Features” room, a “Design Explorations” room, or a “Customer Feedback” room. Each Room can hold dozens of Sparks, and you can move Rooms around your canvas to keep related work close together.
Scoping Projects
Section titled “Scoping Projects”Once you’ve captured ideas, Flowstate helps you scope them into projects. You can review Sparks, add context, link related ideas, and gradually build a clear picture of what needs to happen. The spatial layout helps you see connections that might not be obvious in a linear list.
Rooms support real-time chat through integrated channels, so your team can discuss ideas without leaving the canvas. Conversations stay attached to the work, creating a natural knowledge base.
Collaborating in Spaces
Section titled “Collaborating in Spaces”Offices are team workspaces where groups collaborate on shared projects. An Office is owned by one person but can have multiple members with different roles (owner, admin, member). You can invite teammates via email or shareable links.
Offices appear as tiles on your canvas, giving you quick access to team spaces. Click an Office tile to enter the workspace and see what your team is working on.
Building Your Professional Identity
Section titled “Building Your Professional Identity”Your Passport is your professional profile within Flowstate. It includes your work history, education, skills, and certifications. Think of it as a living resume that travels with you across the platform.
Passports help teams understand each other’s expertise and background. When you collaborate in an Office or join a Room discussion, your Passport gives context about who you are and what you bring to the table.
Extending with Widgets
Section titled “Extending with Widgets”Widgets are extensible tools that add functionality to your canvas. They’re like apps within the platform. A widget might display a to-do list, show analytics, embed a calendar, or integrate with external services.
Widgets appear as tiles on your canvas. Click to expand them into full interactive views. The widget system is designed for extensibility, so teams can build custom tools that fit their specific workflows.
Broadcasting with Stage
Section titled “Broadcasting with Stage”Stage is Flowstate’s live broadcasting feature. It lets you share your screen, present ideas, or run live sessions with your team. Stage sessions can be recorded and shared, making them useful for demos, training, or async updates.
Platform Availability
Section titled “Platform Availability”Flowstate Canvas is available in two forms:
Web Application
Section titled “Web Application”The web app runs in any modern browser. It’s built with Astro 5 and React 19, delivering a fast, responsive experience. The web app is ideal for quick access, working across devices, and sharing links with teammates.
Access the web app at https://app.goflowstate.com.
Desktop Application
Section titled “Desktop Application”The desktop app is an Electron application that runs natively on macOS, Windows, and Linux. It provides deeper system integration, offline capabilities, and better performance for intensive canvas work.
The desktop app includes features like:
- Native window management
- System notifications
- Offline mode with sync when reconnected
- Better GPU acceleration for smooth canvas rendering
- DevHooks API for automation and agent control
Download the desktop app from the releases page or build it locally from source.
Key Concepts
Section titled “Key Concepts”Canvas
Section titled “Canvas”The canvas is your infinite workspace. Everything in Flowstate lives on a canvas. You can pan by clicking and dragging the background, zoom with your mouse wheel or trackpad, and place tiles anywhere you want.
Each user has their own canvas layout. If you move a tile, it moves on all your devices, but it doesn’t affect anyone else’s canvas. This gives everyone the freedom to organize their workspace in a way that makes sense to them.
Tiles are the visual blocks that appear on your canvas. Each tile represents something: a Room, an Office, a Spark, a Widget, or another entity. Tiles can be moved, pinned, selected, and organized.
Click a tile to select it (you’ll see a purple highlight). Drag to move it. Right-click to open a context menu with actions. Select multiple tiles to perform bulk operations like alignment or distribution.
Real-Time Sync
Section titled “Real-Time Sync”Flowstate syncs your canvas state in real-time. If you move a tile on your laptop, it instantly moves on your phone. If a teammate updates a Spark in a shared Room, you see the change immediately.
This sync happens through Server-Sent Events (SSE) backed by Redis pub/sub. Position updates, content changes, and cursor movements all flow through the sync system.
Spatial Organization
Section titled “Spatial Organization”The canvas is spatial by design. Instead of organizing work in folders or lists, you organize it in space. Related items sit close together. Important items sit in prominent positions. Archived work moves to the edges.
This spatial approach mirrors how we think. When you’re brainstorming, you naturally cluster related ideas. When you’re prioritizing, you put important things front and center. Flowstate lets you work the way your brain works.
Who It’s For
Section titled “Who It’s For”Flowstate Canvas is built for teams that value creativity and flexibility:
Creative Teams
Section titled “Creative Teams”Designers, writers, and artists use Flowstate to capture inspiration, organize projects, and collaborate on creative work. The spatial canvas feels natural for visual thinkers.
Product Teams
Section titled “Product Teams”Product managers, engineers, and designers use Flowstate to scope features, track feedback, and coordinate releases. The ability to see the big picture while drilling into details makes it ideal for product work.
Agencies
Section titled “Agencies”Agencies use Flowstate to manage client projects, organize deliverables, and coordinate across disciplines. Offices provide natural boundaries between client workspaces.
Remote Teams
Section titled “Remote Teams”Distributed teams use Flowstate as a shared workspace that replaces the physical office. The real-time sync and integrated chat create a sense of presence, even when teammates are in different time zones.
Technology Stack
Section titled “Technology Stack”Flowstate Canvas is built with modern web technologies:
Frontend
Section titled “Frontend”- Astro 5: Static site generation and server-side rendering for the web app
- React 19: Interactive components and state management
- Tailwind CSS v4: Utility-first styling with custom design system
- Zustand: Lightweight state management for canvas and UI state
- Electron: Desktop app shell with native system integration
Backend
Section titled “Backend”- Node.js 22: JavaScript runtime with ESM support
- Express.js: HTTP server and REST API framework
- Connect RPC: Type-safe RPC protocol for desktop/mobile clients
- TypeScript: Static typing across the entire codebase
- Zod: Runtime validation for API inputs
Data Layer
Section titled “Data Layer”- MongoDB 7: Document database for all application data
- Prisma ORM: Type-safe database client with schema management
- Redis 7: Caching, pub/sub, and rate limiting
- MinIO/S3: Object storage for file uploads
Infrastructure
Section titled “Infrastructure”- Docker: Containerized development and deployment
- pnpm: Fast, disk-efficient package manager
- Turborepo: Monorepo build system
- Secret management: Encrypted secret injection at runtime
Design Philosophy
Section titled “Design Philosophy”Flowstate Canvas is built on a few core principles:
Start Loose, Tighten Later
Section titled “Start Loose, Tighten Later”Don’t force structure too early. Let ideas exist in a loose, exploratory state. Add structure when it’s needed, not before.
Spatial Over Linear
Section titled “Spatial Over Linear”Organize work in space, not in lists. Spatial layouts reveal connections and patterns that linear structures hide.
Real-Time by Default
Section titled “Real-Time by Default”Collaboration should feel live. Changes sync instantly. Teammates see each other’s cursors. The platform feels present, not delayed.
Extensible Without Complexity
Section titled “Extensible Without Complexity”The platform should grow with your needs. Widgets and integrations add functionality without cluttering the core experience.
Professional but Human
Section titled “Professional but Human”Flowstate is a professional tool, but it doesn’t need to feel corporate. The interface is clean and focused, but it leaves room for personality and creativity.
Getting Started
Section titled “Getting Started”Ready to try Flowstate Canvas? Head to the Quick Start guide to get the platform running locally, or explore the Architecture Overview to understand how the system works under the hood.
If you’re a developer looking to contribute or extend the platform, check out the development guides in the sidebar. If you’re a team lead evaluating Flowstate for your organization, the platform documentation will give you a deeper understanding of capabilities and deployment options.
Welcome to Flowstate Canvas. Let’s build something great.