šŸ›Ÿ Free & Open Source Chrome Extension

Navigate AI Chats
Like a Table of Contents

AI conversations get long. Really long. Chat Buoy adds a smart sidebar that lets you jump to any message instantly ā€” works with ChatGPT, Gemini & Claude.

Supports 3 AI Platforms
šŸ’¬ChatGPTāœ“
āœØGeminiāœ“
šŸ¤–Claudeāœ“
Chat Buoy ā€” smart navigation sidebar for AI conversations
Features

Everything you need to navigate smarter

Built for power users who live inside AI chat interfaces every day.

šŸ—‚ļø

Auto-generated TOC

Every message becomes a clickable navigation item ā€” instantly jump to any part of the conversation.

šŸŽÆ

Role Differentiation

User questions (purple dot, bold) and AI answers (green dot, subtle) are instantly distinguishable.

šŸ“

Position Tracking

Always know exactly where you are in the conversation with active highlight and reading progress.

šŸŽˆ

Floating Ball Mode

Minimize to a compact floating ball when you don't need it. Expand back anytime with one click.

šŸŽØ

Chameleon UI

Automatically matches the host page's light or dark theme ā€” feels native, not bolted on.

āš”

Real-time Updates

New messages appear in the nav instantly via MutationObserver. Zero lag, zero manual refresh.

How It Works

Three steps to effortless navigation

šŸ“¦
Step 01

Install from Chrome Web Store

One click to add Chat Buoy to your browser ā€” free, no signup required.

šŸ’¬
Step 02

Open Any AI Chat

Navigate to ChatGPT, Gemini, or Claude and start chatting as usual.

šŸ§­
Step 03

Navigate Freely

A smart sidebar appears automatically. Click any item to jump. Done.

Platforms

Works where you chat

Seamless navigation across the top AI platforms. Same experience everywhere.

šŸ’¬

ChatGPT

Full conversation navigation

āœ“ Supported
āœØ

Gemini

Smart TOC for Gemini chats

āœ“ Supported
šŸ¤–

Claude

Navigate Claude conversations

āœ“ Supported
Architecture

Clean & extensible

Adding support for a new platform is as simple as creating a single adapter file.

Content Script
ā”œā”€ā”€ Adapter Layer    ā† Platform-specific DOM parsing
ā”‚   ā”œā”€ā”€ chatgpt.adapter.ts     (ChatGPT)
ā”‚   ā”œā”€ā”€ gemini.adapter.ts      (Gemini)
ā”‚   ā””ā”€ā”€ claude.adapter.ts      (Claude)
ā”‚
ā”œā”€ā”€ Engine Layer     ā† Core observation & state
ā”‚   ā”œā”€ā”€ MutationObserver        (DOM changes)
ā”‚   ā”œā”€ā”€ IntersectionObserver    (viewport tracking)
ā”‚   ā””ā”€ā”€ State management        (message list)
ā”‚
ā””ā”€ā”€ UI Layer         ā† Zero CSS pollution
    ā”œā”€ā”€ Shadow DOM sidebar      (navigation panel)
    ā””ā”€ā”€ Floating ball           (minimized mode)

TypeScript

Type safety

Vite

Fast builds

Shadow DOM

Style isolation

MutationObserver

Live detection

FAQ

Frequently Asked Questions

Is Chat Buoy free?+
Yes! Chat Buoy is completely free and open source under the MIT License. No premium plans, no hidden fees.
Does Chat Buoy collect my data?+
No. Chat Buoy runs entirely in your browser. It does not store, upload, or analyze your chat history. Your conversations never leave your device.
Which AI platforms are supported?+
Chat Buoy currently supports ChatGPT, Google Gemini, and Anthropic Claude. More platforms are on the roadmap.
How do I install Chat Buoy?+
Simply click "Add to Chrome" on the Chrome Web Store page. It takes one click and under 5 seconds.
Will it slow down my browser?+
Not at all. Chat Buoy is lightweight and only activates on supported AI chat pages. It uses efficient DOM observation with zero polling.
Chat Buoy

Stop Scrolling. Start Navigating.

Free, open source, and privacy-first. Chat Buoy runs entirely in your browser ā€” your conversations never leave your device.

MIT LicensešŸ”’ Zero Data Collection