Composing Orb

A rippling multi-lane ribbon wrapped over a sphere.

About this tool

For a chat UI that needs a writing indicator, Composing Orb wraps a rippling multi-lane ribbon over a sphere. Its motion offers a visual cue for the assistant's composing state while a response is being prepared. Use it beside the conversation or in a loading state to represent writing rather than listening or searching. HorizonX lets you tune the surface, size, speed and playback in the live editor. The export is a self-contained, accessible Canvas orb written in vanilla JavaScript, with Svelte and React export options as well.

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 ×