Miniature Earth

Interactive globes for the web

Markers, routes and data on an interactive globe.

3D markers and country colors

A lightweight JavaScript web component.
Visual configuration and a scripting API.

Styles and presets

Configure map colors, textures, backgrounds, atmosphere and object styles.

The visual configurator includes 24 presets. Use them as a starting point and adjust any setting in the editor or through JavaScript.

A collection of 24 globe designs, from satellite imagery to neon and illustrated maps

Library features

Render locations, routes and country data in a web component. Configure it visually or work directly with the JavaScript API.

Lightweight

A 44 kB gzipped library bundle. Maps and other assets load separately, when used.

No dependencies

Plain JavaScript and WebGL. Use it in an HTML page, bring it into your framework, or extend a globe made in the configurator.

Privacy-friendly

Host the library, maps, fonts and images yourself. The globe needs no tracking, remote map service or API key.

Accessible interactions

Keyboard navigation, labeled locations, an optional location list and reduced-motion support help you build beyond mouse-only interaction.

Eight object types

Combine 3D meshes, icons, text, HTML overlays, lines, polygons, point collections and map layers.

Property animations

Animate properties, fly between locations, draw routes and respond to events. Update your data without recreating the globe.

Demos:

Coffee regions

Explore growing regions. Filter by coffee type, then choose a region on the list or globe.

Coffee types

    Developer Kit

    Documentation, examples and tools for integrating and extending Miniature Earth.

    • Complete developer documentation and API reference
    • 27 readable, runnable examples
    • 24 styled presets and the visual configurator
    • Mesh converter for your own 3D markers
    • Developer support
    Developer Kit contents

    Miniature Earth Developer Kit

    $58USD

    One-time purchase.
    Permanent, unlimited use.
    Plus applicable taxes.

    For your own and client projects.
    License terms

    Use the WordPress plugin to design and embed a globe inside WordPress, then extend it with the same JavaScript API. WordPress integration