Globe Pulse

Component 1K

About

A dark-themed WebGL globe with animated pulsing rings at marker locations. Concentric rings expand and fade out.

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

Code

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

Usage.tsx

"use client"

import { GlobePulse } from "@/components/ui/component"

export default function GlobePulseDemo() {
  return (
    <div className="flex items-center justify-center w-full min-h-screen bg-black p-8 overflow-hidden">
      <div className="w-full max-w-lg">
        <GlobePulse />
      </div>
    </div>
  )
}