Interactive Examples

Full-featured demos showing how to integrate LibreWXR with popular mapping libraries. Each example connects to the public API at api.librewxr.net by default, or your local instance if opened from localhost.

LeafletJS
v1.9

Leaflet Example

The most popular open-source JavaScript library for interactive maps. Lightweight, simple API, and excellent mobile support. A great choice for most projects.

42 KB img-based tiles simple API
Open Example →
MapLibre GL
v6

MapLibre GL JS Example

WebGL-powered vector and raster map rendering. Hardware-accelerated with smooth zoom, rotation, and pitch. Best for high-performance or 3D-capable applications.

WebGL GPU-rendered 3D support
Open Example →
RadarWidget
lat/lon API

Point-Tile Widget Example

A single animated radar image centered on any location with no map library at all — it demonstrates the lat/lon-centered point-tile endpoint built for widgets and apps, and the exact image URL is always on screen, ready to copy into your own project.

zero dependencies lat/lon point tiles drop-in code
Open Example →

Included in the Map Examples

Radar, satellite, and combined layer modes
Draggable scrubber with past/nowcast sections
Background frame preloading with progress bar
13 color schemes plus raw grayscale including Rainbow, TWC, NEXRAD, Datameteo Valerio, Viper HD, MRMS CREF, and 33/40 Max Storm
Weather alerts overlay (severity-styled WMO alert polygons)
Options panel (smoothing, snow mask, PNG/WebP, 256/512px tile size)
Precipitation motion arrows (light/dark)
Storm-cell markers (light/dark)
Light and dark theme toggle
Auto-detect local or public API
Keyboard shortcuts (Space, Arrow keys)
Geolocation (Locate Me button)
Auto-refresh every 5 minutes
HiDPI / Retina tile support (512px)
Responsive layout for mobile
Self-hosting? The Leaflet and MapLibre examples auto-detect the API source from how the file is opened. When opened from localhost or as a file://, they default to http://localhost:8080. The widget ships an API selector that defaults to the public instance. The in-repo versions of these examples include a source dropdown for switching between local and public APIs. The source code is available in the examples/ directory of the GitHub repository. All three pages are generated from a shared source in examples/src/ and rebuilt with build.py, so contributors should edit the source, not the built HTML.