Multiple geographic scopes
Create a map for the whole world, a country, region, subregion, or US state, then switch between a flat map and an interactive 3D globe.
Globestudio
Globestudio is an open-source tool for creating dotted maps and animated 3D globes from world, country, region, subregion, or US-state data. It helps designers, animators, and creative developers style, animate, export, and embed geographic visuals.
Dotted maps and animated 3D globes
Globestudio is an open-source generator for dotted maps and animated 3D globes. It lets designers, animators, and creative developers select the whole world or a specific geographic area, choose a flat or globe presentation, and build a visual treatment from presets and custom controls.
The resulting artwork can be exported as PNG, SVG, WebM, MP4, GIF, or JSON, or placed in another project through an embed. Shareable configuration URLs preserve a canvas state, while documented Figma, React, script-tag, iframe, and MCP workflows support handoff to design, web, and development environments.
Capabilities
Custom dot and color styling
Choose from 12 dot shapes, or upload or paste a custom SVG or PNG shape. Linear gradients can use per-stop opacity across dots, land, and stroke.
Preset looks and effects
Apply named looks and shader treatments including bloom, chromatic split, CRT, halftone, pixel, threshold, edge, glitch, and wave effects. The catalog contains 21 looks such as Aurora, Risograph, Wireframe, and Sonar.
Animated map elements
Add animated route arcs and city-pulse network elements, with support for prefers-reduced-motion in live animations.
Broad export options
Export stills, vectors, video, GIFs, configuration files, or an embed. PNG export is described as high resolution, while JSON follows the published configuration schema.
Web, design, and developer integrations
Use shareable configuration URLs, iframe or script embeds, a React component, the Figma plugin, or the hosted MCP server to move designs into websites, design files, and AI-assisted workflows.
Practical uses
Web and product visuals
Build a globe or flat map for a landing-page hero, product announcement, or editorial visual, then embed it responsively with an iframe or script tag.
Design-file composition
Use the Figma plugin to insert a globe as a PNG or a flat map as editable vectors when preparing layouts, presentations, or FigJam boards.
Motion and video assets
Create animated route arcs, city pulses, and stylized geographic backgrounds for motion graphics or video exports in WebM, MP4, or GIF format.
Design-to-development handoff
Export a JSON configuration or shareable URL so a developer can reproduce a visual state, validate the configuration in an editor, or place the same treatment in another page.
AI-assisted generation
Connect the hosted MCP server to Claude, Claude Code, Codex, or Cursor and ask an agent to generate a configured share URL from a natural-language brief.
Pros and Cons
Pros
- Supports geographic selections from the world level down to countries, regions, subregions, and US states.
- Offers 21 named visual looks, 12 built-in dot shapes, custom image shapes, gradients, and shader effects.
- Provides still, vector, animation, configuration, and embed outputs rather than limiting users to a single image format.
- Includes practical integration paths for Figma, common website builders, React projects, plain HTML, and MCP clients.
- MIT-licensed open-source code and a documented JSON schema make configurations easier to inspect and reuse.
Cons
- The pricing page URL currently returns a not-found page, so pricing and plan limits are not verified.
- The provided documentation does not establish complete browser, rendering-performance, or team-collaboration limitations.
- Figma output varies by mode: Globe inserts a PNG, and Flat becomes a PNG past 2,500 dots or when Bloom is enabled.
FAQ
How can Globestudio be added to a website or app?
No installation is required for the hosted studio or iframe embed. The integrations documentation also provides copy-paste options for Webflow, Framer, Notion, WordPress, plain HTML, and React-based projects. A React package is available for React, Next.js, Remix, and Astro workflows.
Can a customized globe be shared?
Use the export dialog's Share tab to create a URL containing the current configuration. The same tab can provide iframe, React, and web-component embed code, and the URL can restore the canvas state on another machine.
What output formats are available?
The product supports PNG, SVG, WebM, MP4, GIF, JSON configuration, and embeds. In the Figma workflow, Globe inserts a PNG, while Flat can insert editable vectors; flat output becomes a PNG past 2,500 dots or when Bloom is used.
Is Globestudio open source?
Yes. The home page describes Globestudio as MIT-licensed open source, and its documentation directs users to the project's GitHub repository for code, issues, discussions, and roadmap information.
Does Globestudio support accessibility and reduced motion?
The source documents keyboard shortcuts, accessible dialogs, and prefers-reduced-motion support for live animations. It does not provide a complete list of browser, performance, or team-usage limitations, so those should be evaluated for the intended project.
Quick Facts
- Category
- Design tool / developer tool
- Primary users
- Designers, animators, and creative developers
- Visual presets
- 21 named looks
- Geographic coverage
- World, country, region, subregion, and US state
- Output types
- PNG, SVG, WebM, MP4, GIF, JSON, and embeds
- License
- MIT
Alternativas a Globestudio
PixelDrive
PixelDrive is a bulk image generation API for creating many on-brand images from one template through a browser editor, REST API, CSV batch, or MCP. It suits teams that need repeatable image output with cacheable renders and usage-based pricing.
Napkin AI
Napkin AI convierte texto en visuales editables para presentaciones, documentos y contenido compartible. Generación desde texto y exportación a PPT, PNG, SVG o PDF.
appdesigns
appdesigns is a browser-based tool for creating App Store and Google Play screenshots from uploaded app images. It helps developers and designers add device frames, customize layouts, and export unlimited watermark-free PNGs without an account.
Refero MCP
Refero MCP for AI agents connects an MCP-compatible agent to Refero’s curated library of web and iOS product interfaces and user flows. It helps agents research real design patterns before generating UI, with access included in the Refero Pro plan.
Pass Designer
Pass Designer is a macOS beta tool for creating and previewing Apple Wallet passes. It helps businesses, developers, and design teams combine templates, custom imagery, pass fields, colors, and semantic data while checking how passes render on iPhone and Apple Watch.
Frames
Frames te ayuda a crear carteles de lanzamiento y gráficos para redes sociales rápido con marcos de dispositivo premium y plantillas. Empieza gratis.