3D WebGL Globe & Spatial Mesh
Global Connected Infrastructure
A real-time interactive 3D particle sphere with spatial rotation physics and luminous node highlights.
Installation
npx kinetic-ui-cli@latest add Props
The component accepts standard configuration props for globe rotation, speed, and particle colors.
Usage Guide
1. Import the Component
Import the component into your React or Next.js page:
import { HeroGlobe3D } from "@/components/creative/hero/hero-globe-3d";
2. Implementation Example
Render the component and customize its behavior by passing props:
import { HeroGlobe3D } from "@/components/creative/hero/hero-globe-3d";
export default function Example() {
return (
<div className="w-full flex items-center justify-center p-8">
<HeroGlobe3D
badgeText="example"
title="example"
description="example"
/>
</div>
);
}