Design animated orbs in a native Mac app. Export to SwiftUI, WebGL, or PNG in one click.
Free · macOS 26+ · Apple Silicon & Intel
The problem
Figma can’t animate them
You end up with a static gradient blob that looks nothing like the real thing.
CSS gets you 80% there
Stacked blurs, blend modes, keyframes. It almost works — until you need to change a color.
Blender is overkill
You don’t need a 3D pipeline for a glowing sphere. But there’s nothing in between.
OrbStudio
Start from 16 handcrafted presets
Adjust every parameter live
Export code or PNG when you’re done
Download to production-ready orb in under three minutes.
Presets
Colors
Shape
Effects
The canvas is the output. What you see is what you export.
Colors, shape, glow radius, blur, speed, blend modes — nothing is locked behind a preset.
⌘Z and ⌘⇧Z across every parameter. Experiment freely.
16 presets across five moods — or hit ⌘R to randomize until something clicks.
Every slider updates the canvas live. Colors, glow, shape, speed — iterate visually, not in code.
Export SwiftUI or WebGL code, or a transparent PNG at any resolution. One click.
Not a screenshot. Not a Lottie file. Real, editable source code.
struct OrbView: View {
var body: some View {
ZStack {
Circle()
.fill(
RadialGradient(
colors: [.blue, .purple]
)
)
.blur(radius: 20)A single SwiftUI view. Paste it into Xcode \u2014 zero dependencies, native rendering.
const gl = canvas.getContext("webgl2");
const shader = compileShader(`
vec4 gradient = sampleGradient(uv);
float glow = blurredCircle(d, r, 0.16);
fragColor = gradient * glow;
`);
requestAnimationFrame(render);One self-contained file. No bundler, no dependencies. Works in any browser.
Transparent background at @1x, @2x, or @3x. Drag it into Figma, Keynote, anywhere.
PNG export is free. SwiftUI and WebGL require Pro.
No subscriptions. Pay once, own it forever.
OrbStudio
Forever
OrbStudio Pro
1 year of upgrades included
Instant delivery · macOS 26+