Hero · Globe

Split hero for infrastructure products: copy and ticking stats on the left, a draggable dotted planet with live arcs on the right.

canvasmarketing11 files · 942 locdeps: clsx, tailwind-merge

Now in 312 cities

Your app, everywhere your users are.

Deploy once and we route every request to the closest edge. Static, dynamic and AI workloads — all under 50 ms.

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/hero-globe.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs hero-globe

import { HeroGlobe } from "@/components/opus/blocks/hero-globe";

<HeroGlobe />

A block is a starting point, not a black box: copy it, then edit the copy and the content inline.