A full-bleed backlit scene: a coral orb with a shadow-side crescent over a cream gradient, breathing blobs and grain. The orb follows the cursor with spring parallax via motion, stilled under reduced motion.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/orbital-orb-scenenpx shadcn add @01orbital/orbital-orb-sceneyarn shadcn add @01orbital/orbital-orb-scenebunx --bun shadcn add @01orbital/orbital-orb-scenePart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/orbs/orbital-orb-scene.tsx, as source you own and edit.
import OrbitalOrbScene from "@/components/orbs/orbital-orb-scene"
export default function Example() {
return <OrbitalOrbScene />
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: cn, motion. The CLI installs them for you.
No other registry pieces.
Orb Picker
A chooser for an orb's colors: every row shows its colorway as a planet, with a name and note, on a Base UI radio group so arrow keys move the choice. Lists the nine Orb Palettes by default; pair it with the Voice Orb to let people pick their assistant's color.
Orbital V4
The Orbital painted ball: ground, upper and lower color fields with glow, halo, sphere shading and grain, holding its form from 24px to 512px. Optional breathing animation; exports six study palettes.