shuding/cobe

Health v2 · maintenance only

Adoption not part of the score

5677 stars · 328 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Cobe is a tiny (~5KB) zero-dependency WebGL library for rendering interactive 3D globes on an HTML canvas, with markers, arcs, and CSS anchor-based labels. It works with any framework or vanilla JavaScript and exposes a simple createGlobe/update/destroy API.

Use cases

• add an animated 3D globe to a website landing page
• visualize global office or server locations on a map
• draw flight or connection arcs between cities
• show interactive markers with CSS-styled labels on a globe
• embed a lightweight globe widget without heavy 3D dependencies
• render a spinning globe badge or live status visual

When to choose

• you need a tiny, dependency-free globe that loads fast
• you want DOM/CSS interactivity (labels, transitions) bound to globe markers
• you use React, Vue, Svelte, or vanilla JS and want framework-agnostic rendering
• you only need points and arcs on a stylized globe, not full GIS features

When to avoid

• you need full geographic data, zoomable maps, or country boundaries (use Mapbox GL, deck.gl, or globe.gl)
• you need texture-mapped satellite imagery or terrain
• you need server-side rendering of the globe
• you need heavy 3D scene features like cameras, lighting rigs, or multiple objects

Facets

library · maturity active

graphics data-visualization ui-components web-development frontend data-visualization browser cross-platform webgl globe canvas zero-dependency tiny-library markers arcs typescript maps web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="shuding/cobe")