Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Rain EditorNew to Visual Studio Code? Get it now.
Rain Editor

Rain Editor

Jose Alma

|
2 installs
| (0) | Free
Animated rain effect overlay for the VS Code editor area
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Rain Editor 💧

Ambient rain over your code. Thin streaks with long fading tails fall across the editor area only — sidebars, panels, and the status bar stay dry. Inspired by the rain background effect in Odysseus.

Features

  • Editor-area only — rain renders over the editor part, never over sidebars or panels
  • Intensity slider (1–10) — speed, drop count, and transparency are linked: low = sparse, slow, opaque drizzle · high = dense, fast, faint downpour
  • Size slider (1–10) — scales streak width and tail length
  • Live controls — status bar 💧 Rain button or Cmd+Alt+R / Ctrl+Alt+R opens a panel with sliders; changes apply within a second, no reload
  • Lightweight — sprite-blit rendering, 30fps cap, pauses entirely when the window loses focus

How it works — read before installing

VS Code has no API for drawing over the editor, so this extension patches workbench.html inside your VS Code installation to load a small render script (the same technique used by Custom CSS and JS Loader and vscode-animations).

Consequences you accept by using it:

  • VS Code will show a one-time "Your Code installation appears to be corrupt" notification. It is harmless — click the gear on the notification and choose Don't Show Again.
  • Every VS Code update wipes the patch. Run Rain Editor: Enable (Patch VS Code) again after updating.
  • Your VS Code installation directory must be writable by your user.

A backup of the original workbench.html is saved as workbench.html.rain-backup next to the patched file.

Getting started

  1. Install the extension
  2. Run Rain Editor: Enable (Patch VS Code) from the Command Palette
  3. Reload the window when prompted
  4. Dismiss the corrupt-installation warning (gear → Don't Show Again)

Commands

Command Action
Rain Editor: Enable (Patch VS Code) Patch workbench.html and start the rain
Rain Editor: Disable (Unpatch VS Code) Remove the patch and all injected files
Rain Editor: Toggle Rain Pause/resume without unpatching
Rain Editor: Controls Open the slider panel (Cmd+Alt+R / Ctrl+Alt+R)

Settings

Setting Default Description
rainEditor.enabled true Show rain (requires the patch to be applied)
rainEditor.intensity 5 1–10. Higher = faster, denser, more transparent
rainEditor.size 4 1–10. Streak width and tail length

Uninstalling

Run Rain Editor: Disable (Unpatch VS Code) before uninstalling the extension, otherwise the injected files stay in your VS Code installation until the next VS Code update overwrites them.

License

MIT — see the LICENSE file.

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