worldwind-uiUI libraries for NASA WorldWind

One typed core, thin adapters for React and Angular, ready-made widgets, and a fake WorldWind for tests.

♻️

Lifecycle WorldWind never had

GlobeController.destroy() stops the render loop, removes the listeners WorldWind leaks, drops the layers and releases WebGL.

🗺️

Declarative layers and shapes

Built-in, WMS, WMTS, GeoJSON and KML layers; placemarks, paths, polygons and surface shapes from plain data, updated in place.

🎛️

Widgets that just work

Layer switcher, navigation, go-to search, coordinates readout, measuring tool and projection switcher, sharing one stylesheet.

🧪

Tested where it counts

Unit tests against a WebGL-free fake, browser tests in Chromium, Firefox and WebKit, and a published performance table.

📦

Bundler-proof

A Vite plugin that keeps WorldWind's bundle working after production builds, or a CDN script loader.

🔏

Token-free releases

Changesets, npm trusted publishing with provenance, and demos redeployed on every push.

Install

ReactAngularAny framework

npm install react-worldwind @nasaworldwind/worldwind

npm install ngx-worldwind @nasaworldwind/worldwind

npm install worldwind-kit @nasaworldwind/worldwind

Then follow Getting started; a globe is about ten lines.

See it live

The published packages, running here. Drag to rotate, scroll to zoom, click a pin, try the measuring tool.

Open full screen ↗

Why this exists

WorldWind's own API is imperative, untyped and has no teardown. These packages add a documented TypeScript surface, declarative layers and shapes that update in place, a real destroy(), one shared gesture recognizer per globe, a Vite plugin for the bundling bug WorldWind trips over, and a fake WorldWind so components can be tested in jsdom. The Concepts page explains the design in a few minutes.