Shaping Orb

A dotted outline morphing between circle, triangle and square.

About this tool

Shaping Orb moves a dotted outline between a circle, a triangle and a square. Those changing forms make it a fit for an AI assistant's shaping state, when a chat UI needs a visual cue for an output taking form. It also suits a morphing loader in an agent status area. Tune the surface, size, speed and playback in the HorizonX editor to set how that transition is presented. The orb exports as self-contained, accessible Canvas code written in vanilla JavaScript, with Svelte and React available as export choices.

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 ×