Skip to main content

Vibe Cafe

A lofi coding room with ambient beats, streaming terminal diffs, Codex and Claude-style themes, and keyboard-friendly controls.

React TypeScript Bun Tailwind CSS Cloudflare Workers
Cover image for Vibe Cafe

Overview

Vibe Cafe is a lofi coding companion: a dark terminal-inspired page that streams fake-but-familiar diffs while lofi tracks play in the background. It is meant to feel like a late-night coding session you can leave open while you work.

Features

  • Continuous terminal diff stream with animated thinking states
  • Codex and Claude Code terminal themes
  • Lofi audio player with track navigation and playback speed controls
  • Fullscreen terminal mode for a focused ambient display
  • Keyboard shortcuts for play/pause, theme switching, fullscreen, and track navigation
  • Responsive layout with accessible controls, ARIA labels, and reduced-motion support
  • Cloudflare Workers deployment with static assets

Technology Stack

  • React 19 + TypeScript
  • Bun runtime, package manager, and test runner
  • Tailwind CSS v4
  • Cloudflare Workers and Wrangler
  • Biome for linting and formatting
  • Bun Test, Testing Library, and happy-dom