Thinking Orb

Installation

pnpm dlx shadcn@latest add @spaceui/components-orb-thinking

Usage

import { ThinkingOrb } from '@/components/orb/thinking'

export default function App() {
  return <ThinkingOrb variant="working" surface="auto" size={240} speed={1} scale={0.72} />
}

You can also import dedicated variant components directly:

import {
  OrbWorking,
  OrbSearching,
  OrbSolving,
  OrbListening,
  OrbConnecting,
  OrbWeaving,
  OrbComposing,
  OrbBreathing,
  OrbShaping,
} from '@/components/orb/thinking'

export function SolvingState() {
  return <OrbSolving size={180} />
}

API Reference

ThinkingOrb

Cognitive States

Working Orb

Particles tracing tilted orbital rings around a ghosted sphere.

Searching Orb

A dotted globe swept by a rotating scan band.

Solving Orb

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

Listening Orb

Latitude rings breathing in and out on two detuned sine waves.

Connecting Orb

A drifting node graph with proximity links and travelling signals.

Weaving Orb

Three helical strands braiding around a ghosted sphere.

Composing Orb

A rippling multi-lane ribbon wrapped over a sphere.

Breathing Orb

A face-on ring pulsing with a slow radial ripple.

Shaping Orb

A dotted outline morphing between circle, triangle and square.