Interactive 3DGlobe

Interactive 3D Globe is a high-performance WebGL component for Framer that simulates a fully rotatable 3D Earth. It supports customizable globe colors, atmospheric glow, and rotation speed. The component uses a texture map for realistic visuals and allows users to interact via click-and-drag, enabling smooth rotation.

Key features include:

• Realistic globe surface with texture map

• Customizable globe color and atmosphere color/intensity

• Adjustable auto-rotation speed for continuous motion

• Mouse interaction for drag rotation

• Canvas/WebGL rendering for high performance

• Ideal for dashboards, data visualization, and interactive landing pages

This component is designed for fixed-size layouts and scales with the canvas container. Its modular WebGL design ensures smooth performance even on large textures.

Features

• 3D rotatable globe with mouse drag support

• Customizable globe color and atmosphere glow

• Adjustable atmosphere intensity and bump scale

• Auto-rotation with configurable speed

• Texture mapping for realistic Earth visuals

• High-performance WebGL rendering

• Fixed-width/height layout with responsive scaling