Earth 3D Globe Pro
Premium 3D Globe with animated connection arcs. Features real coordinates, 8 themes, drag interaction, and high-performance WebGL rendering. No code required.
Make it with Workshop
Build your own component with AI
Premium 3D Globe with animated connection arcs. Features real coordinates, 8 themes, drag interaction, and high-performance WebGL rendering. No code required.
Make it with Workshop
Build your own component with AI
Elevate your Framer site with the ultimate Interactive 3D Earth Globe.
Designed for performance and beauty, this component allows you to visualize global connections with stunning animated arcs. Unlike static images, this is a fully interactive WebGL globe based on the powerful Cobe library, optimized specifically for Framer.
Real Coordinate Support: Simply paste Latitude/Longitude coordinates (e.g., "40.71, -74.01") to draw accurate routes between cities. No guesswork needed.
8 Professional Themes: Includes Cyan, Midnight, Emerald, Rose, and more. Plus, a fully Custom Mode to match your brand colors exactly.
High Performance: Built on WebGL, ensuring 60FPS smooth animations without slowing down your site.
Animated Arcs: Visualize data, travel routes, or server locations with beautiful, animated flying lines.
Drag & Interact: Fully interactive. Users can grab and spin the globe. Includes auto-rotation with adjustable speeds.
Atmosphere & Glow: Realistic atmospheric glow effects that can be toggled on or off.
Rendering Styles: Choose between Dot Matrix, Minimal, Detailed, or Soft rendering styles for the landmasses.
Smart Defaults: Comes with glitch-free color logic. Customize start/end dots and arc colors individually.
Responsive: Automatically adapts to the container size.
Perfect for SaaS landing pages, Analytics dashboards, Travel agencies, Logistics companies, and Contact Us sections.
