Solving Orb

A point-cloud sphere permuted by successive quarter-turn slice rotations.

About this tool

Successive quarter-turn slice rotations rearrange the point-cloud sphere in Solving Orb. Use the animation to represent an AI assistant's thinking or solving state in a chat UI, rather than its voice or search state. The shifting slices give that waiting stage a distinct visual pattern without describing the assistant's actual reasoning. In HorizonX, adjust the surface, size, speed and playback to suit your loading state or agent status display. Export a self-contained, accessible Canvas orb written in vanilla JavaScript, or choose Svelte or React for the exported code.

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 ×