Shader Orbs
Agent-ready orbs with idle, thinking and speaking phases.
117 effectsReact · React Native · SwiftUI
Shader effects that ship.For React, React Native and SwiftUI.
Production-ready effects you can preview live, tune in the browser, and export as source that compiles. One shader kernel, rendered natively on all three platforms, so what you see here is what you ship.
Popular collections
Hover a cover to play it. Open one to edit it.
Platforms
Every effect ships to all three. Every export carries all three.
React
A GLSL fragment shader on WebGL2, with a React component around it. Works in Next.js, Vite, Astro, or a plain canvas.
React Native
An SkSL runtime shader and a component on @shopify/react-native-skia. iOS and Android from one file.
SwiftUI
A .metal file and a SwiftUI View. Add both to the target and build. No packages.
Fields
Chroma, ember, dusk, flare. Pink, orange, red, and blue.
Hear from others
Shipped on web, iOS, and React Native.
“Tuned the orb in the browser and exported React and SwiftUI. Both looked like the preview. That's all I needed.”
“The Metal file matched the browser on the first build. Quiet, and it just works.”
“I send the editor link when I want feedback. People can see the real thing, and we export when we're happy.”
“One export for web and iOS. They stay in sync, which is the part I care about.”
“We picked a look, tuned it, and shipped it. The component is still the one we exported.”
“The team used Avatar Studio for free until we needed the source. Paying at ship felt right.”