UV Index Badge on Weather Sites

WHAT IT DOES

UV Index Badge on Weather Sites automatically detects weather forecast content on any webpage — including temperature, location, and weather conditions — then fetches the current UV index for that location from a public weather API. It displays a compact, color-coded badge showing the UV index value and risk level (Low, Moderate, High, Very High, or Extreme). The badge also provides sun protection recommendations based on the UV level, helping you stay informed about sun safety while browsing weather forecasts, travel sites, or outdoor activity pages.

WHERE IT RUNS

This extension works on any website that displays weather-related content. It functions on weather forecast sites, travel pages, outdoor activity guides, news sites with weather sections, and any page containing location and weather information. The tool works across all domains and adapts to dynamically loaded content and single-page applications.

HOW TO USE

Install the extension and navigate to any page with weather content. The tool automatically detects the location from the page and fetches UV data. A compact UV badge appears in the corner of the page showing the UV index value and risk level. Click the badge to refresh the UV data. Use the overlay panel to customize the experience: toggle the UV badge on or off, choose the badge position (top-right, top-left, bottom-right, or bottom-left), toggle sun protection recommendations on or off, and click "Refresh UV" to manually update the data. The badge color changes based on the UV risk level — green for Low, yellow for Moderate, orange for High, red for Very High, and crimson for Extreme.

TECHNICAL SECTION — LOCATION DETECTION AND UV DATA FETCHING

The extension uses a multi-strategy location detection engine that scans the page for location-related content. It queries common location selectors (location, city, town, area, place) and cleans up prefixes like "Location:" or "Weather for". If no location is found, it falls back to the page title or meta tags. The location is then geocoded using the geocode.xyz service to obtain latitude and longitude coordinates. UV data is fetched from the OpenUV API (free tier) using the coordinates, with a fallback to wttr.in if OpenUV is unavailable. The UV value is categorized into five risk levels with corresponding colors and protection recommendations. Data is cached for 10 minutes to reduce API calls while keeping information current.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current UV status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or location data is stored, transmitted, or shared. Location detection uses geocode.xyz, which is a free public service — no personal information is transmitted beyond the location string required for geocoding. UV data is fetched from OpenUV (free tier) with a fallback to wttr.in. Settings are stored locally in your browser using GM_setValue and are never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. The UV data is provided by third-party services and may have varying accuracy or availability. Sun protection recommendations are for informational purposes only and should not replace professional medical advice.