globestudio

alevizio/globestudio

★ 1 stars JavaScript Browser/Web Updated 3d ago

Open-source dotted maps & animated 3D globes for designers — 21 shader looks, 5 projections, PNG/SVG/WebM export, one-line embed + MCP server. React + Three.js, MIT.

View on GitHub → Try with Claude — $10 free →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "globestudio": {
      "command": "npx",
      "args": [
        "-y",
        "alevizio/globestudio"
      ]
    }
  }
}

README Excerpt

<div align="center"> **Open-source dotted maps and animated 3D globes for designers, animators, and creative developers.** <a href="https://globestudio.app"><img src="public/og/default.gif" alt="Globestudio — animated dotted 3D globe with 21 shader looks" width="640" /></a> Pick a country or the whole world, customize dots and shapes, apply shader effects, and export PNG, SVG, or animated WebM. Built on React + Three.js.

Tools (20)

autoSpinbackgrounddarkdefaultdensitydotColordotSizeembedglobelookmotionpluginrenderModeselectionsourcestaticthemetiltXtiltYtransparent

Topics

accessibilityanimated-globecreative-codingdata-visualizationdatavizdesign-tooldesigner-tooldotted-globedotted-mapgenerative-artglobe-generatormap-generatormapsmcpreact

globestudio

Quick Install

README Excerpt

Tools (20)

Topics

Related Browser/Web Servers