An interactive 3D animated globe component built with the Cobe library, featuring customizable styling and smooth rotations. Perfect for creating engaging geographic visualizations, data presentations, and modern interactive globe experiences.
To Get the sparkle code Please Click That Link here
npx uilayouts@latest add globe
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | Optional CSS class for styling the Earth component. |
| theta | number | 0.25 | Controls the rotational angle of the Earth. |
| dark | number | 1 | Controls the darkness level of the Earth. |
| scale | number | 1.1 | Controls the scaling factor of the Earth. |
| diffuse | number | 1.2 | Controls the diffuse light intensity of the Earth. |
| mapSamples | number | 40000 | The number of samples used for the map texture. |
| mapBrightness | number | 6 | The brightness of the map texture. |
| baseColor | [number, number, number] | [0.4, 0.6509, 1] | The base color of the Earth as an RGB array. |
| markerColor | [number, number, number] | [1, 0, 0] | The color of the markers on the Earth as an RGB array. |
| glowColor | [number, number, number] | [0.2745, 0.5765, 0.898] | The color of the glow effect on the Earth as an RGB array. |