Widget

Put live weather on your site.

One div and one script. No dependencies, no build step, and the same public-domain data that powers WeatherFeed. The Anemlo credit pill stays visible on every tier.

Live demos

Current conditions · light

Current conditions · dark

Full feed · dark

Card · animated scene

WeatherFeed embed

<div data-anemloweatherfeed="full"
     data-lat="32.8" data-lon="-97.0"
     data-theme="dark" data-unit="f"></div>

<script src="https://anemlo.wayfield.dev/anemloweatherfeed.js" defer></script>

data-anemloweatherfeed"current" · "full" · "shorts" · "bits" · "outlook" · "radar"

data-lat / data-lonLocation for the embed. Omit to auto-detect.

data-theme"light" (default) · "dark"

data-unit"f" · "c"

data-industry

lawn · roofing · pool · painting · concrete · wash · hvac · pest · realestate ·
						hurricane

data-limitNumber of video or signal items

Forecast card

<div class="anemlo-widget"
     data-theme="dark"
     data-lat="32.78" data-lon="-96.80"></div>

<script src="https://anemlo.wayfield.dev/widget.js" defer></script>

data-theme"light" · "dark"

data-unit"f" · "c"

data-compactCompact single-line layout

data-ambient"auto" — condition gradient · "custom" — your colors · "scene" — animated weather

data-ambient-from / -toHex colors for data-ambient="custom"

Script API

window.AnemloWidget = {
  lat: 32.78, lon: -96.80,
  theme: 'dark', unit: 'f',
  ambient: 'auto',
  target: '#weather'
};

Set window.AnemloWidget before loading widget.js, or call window.AnemloWeatherFeed.mount(...) for the feed renderer. The credit pill must stay visible and intact.