Beadbox: Native desktop app using Tailwind CSS v4 + Tauri v2 + Next.js

[nmelo]

Beadbox is a native desktop GUI for the beads issue tracker, styled entirely with Tailwind CSS v4.

Stack: Next.js 16 (App Router) + React 19 + Radix UI + shadcn/ui + Tailwind CSS v4, wrapped in a Tauri v2 native shell.

We use Tailwind v4's CSS-first configuration with theme tokens defined in globals.css. The entire UI uses the new @theme directive for color scales, spacing, and typography. Status badges, priority indicators, filter bars, and the epic tree view are all pure Tailwind utility classes.

The app ships as a ~160MB native binary (macOS, Linux, Windows). We bundle Node.js inside Tauri as a sidecar, so the full Next.js server runs locally. No Electron, no cloud, no account needed.

How it's built: 8 AI coding agents work simultaneously on Beadbox, coordinated through beads itself. They claim issues, write code, push commits, and hand off to QA agents for verification. Tailwind v4 made it possible for multiple agents to style components without merge conflicts since utility classes don't produce overlapping CSS files.

Install: brew tap beadbox/cask && brew install --cask beadbox
Website: beadbox.app