Spline Worlds
Twelve interactive 3D scenes powered by Spline — including three custom colorway editions of the interactive robot, recolored at runtime via the Spline API.
Interactive Robot
Cursor-Tracking Character
A 3D robot character that follows your cursor in real-time. Move your mouse around the scene — it tracks you. Built entirely in Spline with cursor-follow states and hover reactions.
Cursor Tracking • Character Animation • State MachinesMorphing Object
Interactive Shape Playground
An interactive 3D shape that responds to clicks and mouse events. Trigger animations, morph between states, and manipulate the scene through event-driven interactions.
Event System • Animation Triggers • Object ManipulationAbstract Universe
Cosmic Interaction
A mesmerizing abstract 3D composition that responds to your presence. Ambient animations blend with interactive elements for an otherworldly experience.
Ambient Animation • Composition • Lighting EffectsDimensional Gateway
Spatial Interface
A 3D interface that feels like stepping into another dimension. Interactive depth layers, spatial UI elements, and fluid transitions create an immersive portal experience.
Spatial UI • Depth Layers • Fluid TransitionsKinetic Sculpture
Motion Art Installation
A kinetic art piece rendered in 3D space. Watch as geometric forms dance, collide, and reshape themselves in an endless choreography of motion and light.
Kinetic Art • Geometric Dance • Light PlayLiving Machine
Mechanical Organism
A hybrid between organic life and mechanical precision. Interactive gears, pulsing nodes, and flowing energy create a machine that feels alive — responding to every mouse movement.
Organic Motion • Mechanical Design • Energy FlowJuno AI
Conversational Robot Avatar
A charismatic AI robot avatar with expressive animations and personality. Juno was designed as the face of conversational AI — smooth idle breathing, reactive eyes, and a presence that makes you feel like you're talking to something alive.
Expressive Animation • AI Avatar • Character DesignZenthor Z-1
Industrial Mech Unit
An embodied intelligence built for dynamic industrial environments. Zenthor Z-1 is a physical AI robot with heavy mechanical detail, orbit interaction, and a commanding presence. Rotate to inspect every joint, servo, and armor plate.
Orbit Interaction • Industrial Mech • Physical AIEcho Unit
Portfolio Companion Bot
A stylized robot character with clean geometric lines and a futuristic aesthetic. Echo floats in space with subtle idle animations — a companion bot designed to greet, guide, and charm. Minimal design, maximum personality.
Geometric Design • Idle Animation • Companion BotCustom Editions
The same interactive robot from Scene 1 — same smooth build, same cursor tracking, same quality — but recolored at runtime through the Spline API. Each one has its own identity.
Frost Edition
Arctic Sentinel
Clean white shell with icy teal highlights and cool blue eyes. This is the robot at absolute zero — crisp, pristine, clinical. Same tracking behavior, same build quality — but a completely different energy. Cold, calculated, watching.
Runtime Recolor • Spline API • Same Interaction • New IdentityTitan Class
Heavy Assault Frame
Same robot — but built different. Shoulders scaled 1.6x wider, arms thickened, torso expanded. The proportions are shifted to make it look like a heavy assault mech. Deep gunmetal body with gold trim and burning amber eyes. This thing looks like it weighs 2 tons. Still tracks your cursor though — slowly, deliberately.
Runtime Transform • Scaled Proportions • Spline API • Body MorphSpecter Unit
Reconnaissance Phantom
Stretched tall and razor-thin. The same robot but elongated vertically — head pushed up, limbs narrowed, body compressed laterally. It looks like a surveillance drone that learned to stand. Matte black with deep violet accents and ghostly magenta eyes. Unsettlingly slim. Watches you from a higher vantage point.
Runtime Transform • Stretched Proportions • Spline API • Body MorphDrop-In Integration
import { SplineScene } from "@/components/ui/splite"
import { Card } from "@/components/ui/card"
import { Spotlight } from "@/components/backgrounds/spotlight"
// Any Spline scene URL works — just paste and go
<Card className="bg-black/[0.96] relative overflow-hidden">
<Spotlight className="-top-40 left-0" fill="white" />
<div className="flex flex-row h-[500px]">
<div className="flex-1 p-12 flex flex-col justify-center">
<h2 className="text-4xl font-bold">Your Content</h2>
<p className="text-zinc-400">Side-by-side with 3D</p>
</div>
<div className="flex-1 relative">
<SplineScene
scene="https://prod.spline.design/your-scene/scene.splinecode"
className="w-full h-full"
/>
</div>
</div>
</Card>Also check out the experimental scenes built entirely in code
View R3F Experiments →