whatisgithub

What is fanbox?

alchaincyf/fanbox — explained in plain English

Analysis updated 2026-05-18

479JavaScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

In one sentence

A macOS desktop cockpit that pairs a local file browser and preview panel with an embedded terminal, so you can watch AI coding agents change your projects in real time.

Mindmap

mindmap
  root((FanBox))
    What it does
      File browser and preview
      Embedded terminal
      Live agent change tracking
    Tech stack
      Electron desktop app
      Monaco diff editor
    Use cases
      Manage many AI projects
      Follow agent edits live
      Replay past sessions
      Node release wizard
    Audience
      Vibe coders
      Claude Code users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Keep track of many AI-generated project folders started in one afternoon.

USE CASE 2

Watch which files a coding agent like Claude Code is editing as it happens.

USE CASE 3

Replay a past agent session to see step by step what changed.

USE CASE 4

Bundle a Node.js release into one visible terminal sequence.

What is it built with?

ElectronJavaScriptMonaco Editor

How does it compare?

alchaincyf/fanboxfastify/avviofastify/fastify-helmet
Stars479467463
LanguageJavaScriptJavaScriptJavaScript
Last pushed2026-07-142026-07-08
MaintenanceActiveActive
Setup difficultyeasyeasyeasy
Complexity2/53/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

macOS on Apple Silicon only, downloaded as a DMG from the releases page, no accounts or cloud setup needed.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

FanBox is a macOS desktop app that gives you a single window to manage, browse, and command AI coding agents across your local projects. It was built for the reality that AI can spin up many projects quickly, but those projects scatter across your hard drive, their names blur together, and you can no longer see what changed. The app puts a file browser on the left, a real embedded terminal on the right or bottom, and an inline preview panel in the middle. The core loop FanBox is built around is: find a project file, preview it in place, run a command in the embedded terminal, and watch the changes as they happen. When a coding agent like Claude Code writes to a file, the corresponding file card in the browser lights up and ripples in real time. A follow mode keeps the preview locked onto whatever file the agent is currently editing, so you can watch HTML render or Markdown update as lines are written. A session replay timeline lets you drag back through time and see which files the agent touched in sequence. Beyond file browsing and live change tracking, FanBox stores a memory of what AI sessions did inside each project folder: which files were changed, what agent skills were triggered, and the first message you sent as a title so you can resume old sessions. A screenshot shortcut lets you drop a system screenshot directly into a chat with the agent or file it into the project. A release wizard for Node.js projects strings together version bumps, changelogs, builds, and GitHub releases in one visible sequence in the terminal. The app runs entirely local with no accounts, no cloud connection, and no build step required. It ships with three visual themes that go deeper than a color swap: typography, icons, code highlighting, and the terminal color scheme all change together. It is available only for macOS on Apple Silicon and can be downloaded as a DMG from the project releases page.

Copy-paste prompts

Prompt 1
Show me how to set up FanBox to watch Claude Code edit my project files live.
Prompt 2
Explain how FanBox's follow mode and session replay timeline work together.
Prompt 3
Walk me through using FanBox's release wizard for a Node.js project.
Prompt 4
How do I use FanBox's AI organize feature to clean up a messy project folder?

Frequently asked questions

What is fanbox?

A macOS desktop cockpit that pairs a local file browser and preview panel with an embedded terminal, so you can watch AI coding agents change your projects in real time.

What language is fanbox written in?

Mainly JavaScript. The stack also includes Electron, JavaScript, Monaco Editor.

What license does fanbox use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is fanbox to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is fanbox for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.