Bring your product’s global reach to life.
This component visualizes worldwide connections with smooth animated lines, gradient flows, and pulsing endpoints. Designed for clarity and impact, it turns complex networks into an elegant, easy-to-understand visual.
Each connection is fully customizable using latitude and longitude coordinates. Define start and end colors to create directional gradients, reuse colors to form hubs, and build realistic network structures across continents.
Animation controls let you fine-tune the experience - from subtle one-time reveals to continuous, flowing motion - without touching code.
Connection points and routes
Start and end colors (gradient lines)
Animation speed, easing, stagger, and looping
Map dot density and background styling
SaaS and enterprise landing pages
Infrastructure, network, and data-flow visuals
“Global scale” hero sections and product storytelling
Drop it in, adjust a few controls, and instantly communicate scale, reach, and connectivity.
Bring your product’s global reach to life.
This component visualizes worldwide connections with smooth animated lines, gradient flows, and pulsing endpoints. Designed for clarity and impact, it turns complex networks into an elegant, easy-to-understand visual.
Each connection is fully customizable using latitude and longitude coordinates. Define start and end colors to create directional gradients, reuse colors to form hubs, and build realistic network structures across continents.
Animation controls let you fine-tune the experience - from subtle one-time reveals to continuous, flowing motion - without touching code.
Connection points and routes
Start and end colors (gradient lines)
Animation speed, easing, stagger, and looping
Map dot density and background styling
SaaS and enterprise landing pages
Infrastructure, network, and data-flow visuals
“Global scale” hero sections and product storytelling
Drop it in, adjust a few controls, and instantly communicate scale, reach, and connectivity.
