#1414th of 16 in Voice and realtime
openai-realtime-solar-system
Next.js demo: talk to a 3D solar system via OpenAI Realtime
- Stars
- 515
- License
- MIT
- Last commit
- Mar 2026
- Language
- TypeScript
Overview
A Next.js app that connects the browser to the OpenAI Realtime API over WebRTC and lets you control a Spline 3D solar system by voice. The model calls functions to focus planets, show moons, draw bar or pie charts, fetch the ISS position and switch to an orbit view. Tools, instructions and voice are defined in lib/config.ts, and the scene URL in components/scene.tsx.
Who it is for: Developers learning Realtime API function calling with WebRTC
Strengths
- Working example of Realtime API function calls driving UI and Spline animations
- Small codebase: tools and prompt in lib/config.ts, scene hooks in components/scene.tsx
- MIT license, runs with npm install and an OPENAI_API_KEY
- Planets also respond to clicks and keyboard shortcuts, not only voice
Weaknesses
- Requires an OpenAI API key; no other model providers supported
- Demo, not a template: no auth, persistence or deployment config
- Echo or background noise can interrupt the model, per the README
- Custom scenes need Spline event setup; first scene load is heavy
What it needs
- TypeScript, OpenAI Realtime
- Needs OpenAI Realtime API, Spline
Also in Voice and realtime
See all 16| Rank | Project | Score |
|---|---|---|
| 1 | agent-starter-reactNext.js voice assistant frontend for LiveKit Agents | 51 out of 100 |
| 2 | agent-starter-pythonPython voice agent on LiveKit Agents with turn detection and simulations | 50 out of 100 |
| 3 | agent-starter-nodeNode.js voice agent on LiveKit Agents with turn detection and simulations | 50 out of 100 |
| #4 | voice-ui-kitReact components and templates for Pipecat voice agent frontends | 45 out of 100 |
| #5 | pipecat-examplesRunnable Pipecat voice agent examples for phone, web and deployment | 41 out of 100 |