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