Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Coffee Break ReminderNew to Visual Studio Code? Get it now.
Coffee Break Reminder

Coffee Break Reminder

Samuel Carrubba

|
2 installs
| (1) | Free
A coffee cup that fills up over time to remind you to take a break
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Coffee Break ☕

A VS Code extension that reminds you to take a break with a cute animated coffee cup!

Features

  • Animated Coffee Cup - Watch your coffee cup fill up in the sidebar
  • Configurable Timer - Set your preferred break interval (1-120 minutes, default: 30)
  • Break Notifications - Get notified when it's time for a coffee break
  • Steam & Bubble Animations - Beautiful visual effects as your coffee brews
  • Snooze Option - Not ready? Snooze for 5 more minutes
  • Auto-start - Automatically starts when you open VS Code

How to Use

  1. Click the coffee cup icon in the Activity Bar (left sidebar)
  2. Watch the coffee cup slowly fill up with bubbles
  3. When it reaches 100%, steam appears and you get a notification
  4. Click "Restart" to reset the timer and start again

Settings

Go to File > Preferences > Settings and search for "Coffee Break":

Setting Description Default
coffeeBreak.intervalMinutes Minutes before the cup fills up 30
coffeeBreak.autoStart Automatically start when VS Code opens true
coffeeBreak.showPanel Show the coffee cup panel true

Commands

Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P):

  • Coffee Break: Start Timer - Start the coffee break timer
  • Coffee Break: Stop Timer - Stop the timer
  • Coffee Break: Show Panel - Show the coffee cup panel

Why Take Breaks?

Regular breaks help you:

  • 👁️ Reduce eye strain
  • 💪 Prevent repetitive strain injuries
  • 🧠 Stay focused and productive
  • ❤️ Maintain your health while coding

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search "Coffee Break"
  4. Click "Install"

From VSIX file

code --install-extension coffee-break-1.0.0.vsix

Pubblicazione

Per pubblicare l'estensione sul Marketplace:

  1. Installa vsce (Visual Studio Code Extension manager):

    npm install -g @vscode/vsce
    
  2. Crea un account publisher su https://marketplace.visualstudio.com/manage

  3. Aggiorna il package.json con il tuo publisher name

  4. Aggiungi un'icona (128x128 px) nella cartella images/icon.png

  5. Crea il pacchetto VSIX:

    vsce package
    
  6. Pubblica:

    vsce publish
    

Sviluppo

# Installa dipendenze
npm install

# Compila
npm run compile

# Watch mode
npm run watch

# Lancia in debug
# Premi F5 in VS Code

Licenza

MIT


Buon caffè! ☕

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft