# Claude Garden

> A floating desktop widget that visualizes Claude Code sessions as plants. Each plant's state reflects its session status in real time.

Claude Garden is an Electron 39 + React 18 desktop application that helps developers who run multiple Claude Code sessions simultaneously. Instead of switching between terminal tabs to check session status, each project gets a persistent plant that changes appearance based on what Claude is doing: a green swaying fern means it is actively working, a blue leaning flower means it needs the user's input, gray and desaturated means idle, and pink bloom particles mean all tasks are done.

Each project receives a deterministic plant type (succulent, fern, flower, small tree, or cactus) based on a hash of its path, so the same project always shows the same plant and becomes recognizable at a glance. The widget is frameless and always on top, sitting in the corner of the screen. Clicking a plant opens a detail card with the current tool, file, and task information. There is also a full Greenhouse view — a dashboard with larger plant cards and an activity journal.

Claude Garden monitors the ~/.claude/ directory for file changes using Chokidar and polls every few seconds as a fallback. It detects running Claude Code processes via wmic on Windows, so closed sessions are removed promptly rather than lingering. If a session has todos or tasks, a circular progress ring overlays the plant pot.

## Key pages

- /: Landing page with plant status guide, features, and setup instructions

## Requirements

- Node.js and npm
- Windows (NSIS installer), macOS (DMG), or Linux (AppImage)

## Tech stack

- Electron 39, React 18, TypeScript 5.5, Chokidar, electron-vite

## Contact

ibrahim@whhite.com

## Source

https://github.com/ibrahimokdadov/claudeView