VoiceOrb is a dynamic animated visual inspired by agentic AI interfaces.
It is built using the open-source Orb Swift package from metasidd and customized with distinct color, glow, and motion states to represent an AI agent’s behavior:
- Idle — Calm / waiting
- Listening — Attentive / input-focused
- Talking — Expressive / output-focused
This component can be integrated into any SwiftUI app where an AI needs a visual “presence” to reflect its current state.
| Capability | Description |
|---|---|
| Interactive AI states | Dynamically respond to voice or chat events |
| Smooth animations | Breathing, spring, and responsive motion |
| Customizable configuration | Colors, glow, particle effects, speed |
| Plug-and-play SwiftUI view | Drop into any screen with one line |
| Future-ready | Works in light or dark visual themes |
| State | Behavior |
|---|---|
.idle |
Slow, soft glow — relaxed “breathing” animation |
.listening |
Responsive motion — focused on speech input |
.talking |
Energetic scale + particles — expressive speech output |
Each state is fully configurable through the OrbConfiguration model.
import SwiftUI
struct ContentView: View {
@State private var state: OrbState = .idle
var body: some View {
VStack {
VoiceOrb(orbState: state)
Button("Talk") {
state = .talking
}
}
}
}
- Adaptive palette based on system light/dark mode
- Audio-reactive motion based on real-time input
- Haptic feedback on state transitions
- Additional AI behavior states (for example, “thinking” or “processing”)
Orb rendering powered by the Swift package by metasidd GitHub repo: https://github.com/metasidd/Orb