Skip to main content
Launched Status checked

Vibe Cafe

Vibe Cafe is a deployed browser-based lofi coding companion with terminal-style diff animation, themed controls, keyboard shortcuts, and background audio.

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

Share this project