← Portfolio

Arbor

A visual thinking and brainstorming tool with AI-powered branching conversations.

Next.jsTypeScriptReact FlowAI

Overview

Arbor is a canvas-based application that enables non-linear exploration of ideas through AI-assisted conversations. Unlike traditional chat interfaces, Arbor lets you branch, fork, and visually connect multiple conversation threads.

Features

  • Infinite canvas for visual brainstorming
  • AI-powered chat blocks with context awareness
  • Branch conversations from any message
  • Connect related ideas with visual links
  • Sticky notes for annotations
  • Persistent workspaces

Technical Details

Built with Next.js and TypeScript. Uses React Flow for the canvas implementation and integrates with OpenAI's API for conversational AI. Data persistence handled through Supabase and Prisma ORM.

Arbor interfaceClick to enlarge