← All components
Interaction / effect
Thinking Orbs
Nine intricate thinking states with tuned small and large geometry, depth shading and three portable product scenes.
Take it with you.
SOURCE ACCESS
Preview freely. Unlock the files.
Enter the shared password to copy the complete source, download every file, and install components in your app.
Access lasts 24 hours. Your preview settings stay with you.
Component notes
- All nine modes retain the original frame geometry, depth shading and 20/64px tunings; 32px uses the source interpolation. Choose Solo, Inline or Conversation independently of the state.
- Primitive, Complete, Controlled and Advanced source use the same canonical engine. Complete conversation computes actual word, sentence and Unicode character counts locally; no AI service is bundled.
- Auto theme follows ancestor/system preferences; optional tint retains depth. Pause, offscreen, hidden, zero speed and reduced motion stop continuous frames. Replay restarts decoration while preserving local work.
- Full public frame/geometry and optional caller-supplied gravity helpers are included. No cursor raster, paid presets, reference images or site service integrations are bundled.
- All engine files, MIT notice, scoped styles and OFL Geist fonts are required in manual source. See types.ts and the exported toolkit for advanced configuration.
React 19.2Modern browsersCanvas 2D
Libraries.dev — Jakub Antalik · MIT. Full engine and notice included.
Geist and Geist Mono — Vercel, Inc. · SIL Open Font License 1.1; bundled assets and full notice.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
state | "working" | "searching" | "solving" | "listening" | "connecting" | "weaving" | "composing" | "breathing" | "shaping" | "working" | State. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
size | 20 | 32 | 64 | 64 | Tuned size. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
theme | "auto" | "dark" | "light" | "auto" | Theme. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
speed | number | 1 | Speed. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
dots | number | 1 | Dot density. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
dotSize | number | 1 | Dot radius. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
color | string | undefined | Tint. Primitive input. The complete scenes supply live values; full advanced contracts are documented in types.ts. |
paused | boolean | false | Freeze decorative phase; local controls and caller work remain usable. |
replayToken | number | 0 | Change to restart decoration without remounting the canvas. |
opts | ModeOpts | undefined | Finite documented geometry tuning, bounded built-in work; unknown keys ignored. |
frame | ModeFrame | undefined | Caller-owned custom frame using the original geometry toolkit. |
gravity | boolean | GravityOptions | false | Optional gravity attachment with a caller-cleared cursor sprite; none is bundled. |