Jessi

Wireframe Dotted Globe

Component 3.4K

About

interactive 3D globe that allows you to rotate and zoom in on Earth with intuitive mouse controls

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Wireframe Dotted Globe to your project and fits it to your theme.

Code

How Wireframe Dotted Globe is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import RotatingEarth from "@/components/ui/wireframe-dotted-globe";

export default function DemoOne() {
  return <RotatingEarth />;
}

Dependencies

More by Jessi

View all
  • 3D Gallery Photography

    3D Gallery Photography

    3.3K
  • Animate Card Animation

    Animate Card Animation

    2.4K
  • The Infinite Grid

    The Infinite Grid

    1.9K
  • Hero Dithering Card

    Hero Dithering Card

    1.6K
  • Hero section with smooth bg Shader

    Hero section with smooth bg Shader

    1.3K
  • 3D Image gallery

    3D Image gallery

    1.3K
  • Stacked Panels Cursor intereactive component

    Stacked Panels Cursor intereactive component

    1.2K
  • Wrap Shader

    Wrap Shader

    964