A playful VS Code extension for developer well-being

Quick Start

Last updated: 2026

What is CodeFun?

CodeFun is a locally-running Visual Studio Code extension that introduces playful, emotionally supportive micro-interventions directly into the IDE. Instead of distracting developers from work, CodeFun helps them cope with accumulated frustration during long coding sessions.

It does not enforce productivity, rigid schedules, or competitive gamification. It simply gives developers optional moments of fun.

Features

  • πŸ”₯ AI-powered Code Roast Generator
  • πŸ˜‚ Meme Viewer with controlled usage
  • πŸ‘€ Eye Rest & Hydration Reminders
  • 🧘 Stretch Break Prompts
  • ⌨️ Typing Speed Graphs
  • πŸ—ΊοΈ Keyboard Heatmap
  • 🎯 Fun Points with basic streak tracking

Why use CodeFun?

  • Reduce monotony during long coding sessions
  • Encourage micro-breaks without breaking flow
  • Reflect on typing activity in real time
  • Add humor to debugging and development

How it works

CodeFun prompts a break reminder every 60 minutes (customizable). On confirmation, it guides the user through short relaxation steps and optionally allows meme breaks using earned Fun Points.

Typing Analytics and Code Roasts can be accessed anytime using the VS Code command palette.

Repository Structure

package.json β†’ Extension configuration
README.md β†’ Project documentation

src/
β”œβ”€ extension.js β†’ Entry point
β”œβ”€ utils.js β†’ Common styles & helpers
└─ *.js β†’ Individual feature modules

How to Reproduce

  1. Clone the repository
  2. Run npm install
  3. Open the folder in VS Code
  4. Make any changes/extensions in code if required
  5. Press F5 to launch Extension Development Host to test
  6. Interact via Command Palette or automatic prompts

How to Use

  1. Open VSCode
  2. Click the Extensions icon in the Activity Bar
  3. Select "Install from VSIX"
  4. Select the .vsix file.
  5. Restart VS Code to start using the extension
  6. Interact via Command Palette or automatic prompts

Demonstration Video