Connecting Orb

A drifting node graph with proximity links and travelling signals.

About this tool

Connecting Orb shows a drifting node graph with proximity links and travelling signals. That network-like visual fits an AI agent's connecting state, giving an agent status area a way to represent connections being established. It can also serve as a connection-related loading state in a chat UI; the animation is a state cue rather than a live network readout. Tune its surface, size, speed and playback in the HorizonX editor. Export the self-contained, accessible Canvas orb in vanilla JavaScript, or choose a Svelte or React export.

In collections: Animated Orbs: AI, Siri & Voice Orb Animations

UI/UX · HTML / Canvas / Vanilla JS All tools

Appearance

Tone

ink paper

Size ×

Motion

Playback

play pause

Speed ×