Globe CDN

Component 1.2K

About

A Vercel-style WebGL globe with spinning 3D pyramid markers at edge regions and live traffic stats on arcs.

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

Code

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

Usage.tsx

"use client"

import { GlobeCdn } from "@/components/ui/cobe-globe-cdn"

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