Globo Interativo

Sobre

Globo terrestre em WebGL com marcadores e arcos de conexão entre cidades. Gira sozinho e pode ser arrastado com mouse ou dedo. Usa a biblioteca cobe.

Detalhes

Categoria

Elementos 3D

Tipo

Animação

Framework

React

Tecnologias

React, WebGL, cobe

Publicado em

27 de outubro de 2026

Base

Adaptado de Globe · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• cobe^2

  Renderiza o globo em WebGL.

npm install cobe

• Projeto React 18+.
• Instale a dependência: npm install cobe.

Arquivos incluídos

• components/integra/globo-interativo.tsxtsx

Como usar

import GloboInterativo from "@/components/integra/globo-interativo";

<div className="w-full max-w-[520px]">
  <GloboInterativo />
</div>