Environment Reminder

Color-coded banners for dev, staging, and prod so you always know which environment you're on.

Ever made a change thinking you were on staging, only to realize you were on production? Or run a "quick test" on what turned out to be the live site? Environments often look identical — the only difference is a small URL in the address bar that's easy to miss. Environment Reminder fixes that. It shows a clear, color-coded banner on every page so you always know which environment you're on before you touch anything. - Stop confusing one environment for another, in either direction — dev, staging, or prod - See where you are at a glance, without squinting at the URL bar - Catch yourself before you make a change in the wrong place Features: - Ready-made presets — load dev, staging, prod, and localhost in one click - Multiple URLs per environment — match as many sites as you need, one per line - Wildcard matching — use simple * patterns (e.g. *.staging.*) to cover groups of URLs - Choose your banner — top bar, bottom bar, or a full-frame border - Any color you like — pick from presets or set a custom color per environment - Per-site toggles — switch individual environments on and off instantly - Pause on a timer — hide every banner for a set time, then have them return on their own - Edit anything later — change names, URLs, colors, and positions whenever you want - Export and import — back up your config or share it with your team Privacy: Environment Reminder works entirely on your own machine. No accounts, no tracking, no data leaves your browser — it only stores the environments you set up. How to use: 1. Click the Environment Reminder icon to open the popup 2. Load the presets, or add an environment with a name, URL patterns, a color, and a banner position 3. Visit a matching site — the banner appears automatically