Presence Orb

A living WebGL presence with four distinct glass materials, responsive states, spectral colourways, and a shader you can tune in real time.

Feels like

Tap/State/Glow

Built with

React 19Tailwind v4three

Steal it

npx shadcn@latest add https://1iad.com/r/presence-orb

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

Four original Three.js shader materials share the same responsive glass shell.
Tap the orb to cycle resting, listening, and speaking; each state has its own energy choreography.
The tuner exposes material, colourway, size, motion, reflection, refraction, diffraction, and softness.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

Presence Orb

A living WebGL presence with four distinct glass materials, responsive states, spectral colourways, and a shader you can tune in real time. Install: npx shadcn@latest add https://1iad.com/r/presence-orb

Live tuner

Presence Orb

Choose the material, state, colour, and the shader's physical character.

Material

Colourway

State

Preview size

Flow speed1.00×

State motion1.00

Reflection1.00

Glass depth1.00

Diffraction1.00

Inner blur0.55

Presence Orb033