Globestudio
Open-source dotted maps and 3D globes for designers
50 followers
Open-source dotted maps and 3D globes for designers
50 followers
A free, open-source studio for dotted maps and 3D globes. Pick the world or any country, choose one of 21 shader looks, tweak the dots, gradients and density, then export a PNG, SVG, WebM, MP4 or GIF, or embed it live. It's MIT licensed, with no account.
Thanks for the comments and bug reports last week. Here's what changed since launch:
An agent skill. npx skills add alevizio/globestudio teaches Claude Code, Codex, Cursor and other coding agents to add and edit Globestudio globes in your project. In Claude Code it's also a plugin that connects the MCP server. The install lines are in the export dialog's new Skill tab.
Figma and MCP tabs in the export dialog. Figma copies the design as vectors or as an image to paste into a file, and MCP has the line that connects Claude, Codex or Cursor.
Copy image, next to Export PNG, for pasting straight into Slides, Notion or Slack.
Embed code for an iframe, React or a web component, plus Open in CodePen.
Embeds now draw the design they were made from, including the flat view, custom shapes and opacity.
A lighter mode for computers without a working graphics driver, and the panel no longer covers the globe on tablets.
A light theme for embeds on light pages: theme="light" on the React or web component.
Paste a share link into the Figma plugin and that exact design loads, ready to insert.
Colors you pick render as their exact hex.
Still free, MIT and no account. If something breaks for you, tell me here or open an issue on GitHub.
"screenshotting someone else's site" is such a specific and honest way to describe how most of us source assets before we finally build the tool ourselves. the embed-live option is the one that stood out to me - if I drop that into a deck or a site, does it stay a live render that re-fetches on load, or is it baked at export time? asking because live embeds are great until the host changes something and your old deck suddenly looks different.
@galdayan Good question. It's a live render: the iframe or script tag loads the renderer from globestudio.app on every load. The design itself lives in the embed URL (a look plus your overrides), so there's no saved state on my side that can drift.
The caveat is the one you're pointing at: if I tweak a preset or the renderer, old embeds pick that up. For a deck I'd export an MP4, GIF or PNG so it's frozen. For a site where you want it pinned, the code is MIT, so you can self-host the embed and stay on the version you shipped with.
@alevizio self-hosting the embed to pin a version is the right answer, good that the MIT license actually makes that practical instead of just a checkbox on a license page. export-to-frozen-asset for decks and self-host for anything you want stable long-term covers basically every case I'd run into. appreciate the clear breakdown.