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

v4.x

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 →

Included in Both Examples

Radar, satellite, and combined layer modes

Draggable scrubber with past/nowcast sections

Background frame preloading with progress bar

9 color schemes including Rainbow, TWC, and NEXRAD

Precipitation motion arrows (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? Both examples auto-detect whether they are running locally. When opened from localhost or as a file://, they default to http://localhost:8080. 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.