EnvBanner - Visually tag environments (PROD/UAT/DEV)

About

✅ Color-coded banners and CSS overrides to visually distinguish dev, staging, UAT, and production environments. Never hit the wrong one again.

When every environment looks the same in the browser, costly mistakes are only a misplaced click away. A single mix-up between staging and production can mean lost customer data, broken deployments, or hours of emergency recovery.

⭐ ⭐ ⭐ EnvBanner eliminates that risk.⭐ ⭐ ⭐ 

EnvBanner is a Chrome extension that adds bold, color-coded visual indicators to your browser so you always know which environment you are working in. Configure floating banners, inject CSS overrides, or both — and never second-guess whether you are looking at dev, staging, UAT, or production again.

⭐ HOW IT WORKS
Install EnvBanner and it starts working immediately. Smart defaults automatically detect common environment patterns — localhost, .dev, .staging, .uat, and more — and display a color-coded banner on matching pages. No configuration required to get started.

When you need precise control, the full configuration editor lets you define explicit URL patterns, choose colors, adjust banner position and size, and create CSS overrides that restyle page elements to give each environment a distinct visual identity.

✨ KEY FEATURES
	•	Auto-detects common environments (localhost, dev, UAT, staging) out of the box
	•	Explicit URL pattern matching for precise, user-defined control
	•	Color-coded floating banners — overlay the page or inject into page flow
	•	CSS override mode for custom element styling and full visual differentiation
	•	Hostname exclusion lists to suppress banners on specific sites
	•	Per-pattern customization: colors, position, size, enable/disable individually
	•	Badge indicator on the extension icon shows the active environment at a glance
	•	Both auto-detection and explicit patterns active simultaneously
	•	Full SPA support — banners update on client-side navigation without reload
	•	Instant configuration sync across all your Chrome instances via chrome.storage

👥 WHO IS IT FOR?
	•	Developers who work across multiple environment tiers daily
	•	QA engineers who need to verify behavior in the correct environment
	•	DevOps and platform teams managing infrastructure across stages
	•	System administrators overseeing dashboards and admin panels
	•	Any team where mixing up environments carries real consequences

🔒 PRIVACY FIRST
EnvBanner does not collect, transmit, or store any user data. There are no analytics, no tracking pixels, and no third-party services. All configuration is stored locally using Chrome’s built-in storage API and synced only through your own Chrome profile. The extension reads page URLs solely to match against your configured patterns — URLs are never logged or sent anywhere.

🚀 GET STARTED
Install EnvBanner, open a page on localhost or any staging URL, and see the banner appear instantly. Open the popup to review active matches, or click through to the full editor to tailor everything to your workflow.

Stop guessing. Start seeing.