Introducing Orbkit 🔮 A collection of 30+ free and open-source WebGL shader orbs for AI and voice agent states, built with React, TypeScript, and shadcn. Each orb reacts to idle, thinking, and speaking out of the box. Install one, copy the code, and make it yours. Thanks Xor !... Most of these shaders were referenced from the work he posts here. Go check out his account, it's a goldmine of shader art. Link: 👇🏼show more

FYI, my shaders are licensed for non-commercial with attribution, not open-source

Hey, ive dmes you

nice set. we ended up needing a fourth state for ours, listening felt different from idle enough that reusing idle looked wrong once actual users saw it. might be worth an orb for it too.

is this a bug or it is only showing like this to me?

Ohh lemme check

those look so nice, great work 🐐

everything about this is amazing

Thanks Juliette, means alot!

superb build

so cool

Thanks broski

Bro what if we need to use it for app? Flutter?

Swift port might be a future update

Can’t waittt

Would love an “interrupted” state alongside idle, thinking, and speaking. When a user cuts an agent off, the interface needs to show immediately that it heard them. That little moment can make a voice interface feel much better.

For sure

bro cooked 🔥

🫂

Cooked hard 🔥

Bro learning a new stack and releasing a library every week.

这里其实暴露了开源组件最容易被忽略的一层：代码可见不等于可商用。原作者已说明这些 shader 是署名的非商业许可，产品集成前最好逐项核对许可证，并把代码许可与视觉资产许可分开标注。

Voice agent state is a great case for a shader over a spritesheet, since idle to thinking to speaking blends instead of cutting. Nice work, and good of you to credit the shader source. One thing worth flagging for anyone dropping these into a mobile web app: a fullscreen fragment shader is cheap on desktop and expensive on a phone, where you push millions of fragments at native resolution on a GPU with far fewer shader cores. Rendering the orb into a smaller buffer and scaling it up is usually invisible and much kinder to the frame budget.

do the orbs take agent state in as props or poll it themselves

Yes

building tools like Orbkit can save devs a ton of time on state visuals

Bro is cooking

Thanks ma man

🖤

Damnnn ♥️

holy moly 🔥

🫂🫂

so good 🫡

dropped another banger🔥

Thanks man

Gem🤌

Back W/ another banger💥

@zzzzshawn never disappoints

Thanks g

Wow! is there any SwiftUI version?

Not yet

these shader orbs could add a fun layer to user interactions, especially in apps

🔥

Thanks goat

amazing work bro! 🫡

Hell nooo crazy I will use this in my next project

Don't let @sqs see this

these are soooo mesmerizing

Reactive agent-state visuals could make voice interfaces easier to understand and debug.

bro this is fucking cleannnn is this open sourced?

These orb states are clean — the idle/thinking/speaking mapping is exactly what voice agents need. Building Aster (a 28 MB native k8s desktop client) and might steal this for agent status indicators 🙏