WebBadger

Visually tag websites with customizable colored labels.

WebBadger: Visual Environment Identification WebBadger is a lightweight browser extension that helps developers, QA testers, and other web professionals easily identify different website environments through customizable colored tags. Never again confuse your production site with staging or development! Key Features: - Visual Environment Identification: Instantly recognize which version of a website - you're browsing with color-coded tags - Fully Customizable: Set unique colors, labels, positions, shapes, and effects for each domain - Developer-Friendly: Perfect for teams working across multiple environments (development, staging, production) - Non-Intrusive Design: Tags display without interfering with website functionality Extensive Personalization: - Choose from multiple positions (top-left, top-right, bottom-left, bottom-right) - Select tag shapes (rectangle, pill, circle) - Customize size, opacity, fonts, borders, and more - Add entrance animations and hover effects How It Works: - Add a Domain: Simply enable tagging for any website you visit - Customize Your Tag: Choose colors, labels, and styles that make sense to you - Browse With Confidence: Instantly recognize which environment you're in WebBadger is ideal for developers switching between similar-looking environments, QA testers verifying features across instances, or anyone who wants to visually distinguish between similar websites. The extension is designed with performance in mind, adding minimal overhead to your browsing experience while providing maximum visual clarity. All configurations are stored locally, with no data collection or external API calls. Upgrade your web development workflow today with WebBadger - the simple visual solution for environment identification!