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.
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-v4npx shadcn add @01orbital/orbital-v4yarn shadcn add @01orbital/orbital-v4bunx --bun shadcn add @01orbital/orbital-v4Part 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-v4.tsx, as source you own and edit.
import { Orbital } from "@/components/orbs/orbital-v4"
// The palette is the knob: a ground and the two fields the light crosses.
const PALETTE = {
ground: "oklch(0.315 0.064 270.3)",
upper:
"radial-gradient(ellipse 135% 105% at 50% 35%, oklch(0.875 0.097 100.4) 0%, oklch(0.850 0.101 100.7 / 0.7) 52%, transparent 100%)",
lower:
"radial-gradient(ellipse 130% 95% at 50% 80%, oklch(0.365 0.073 269.3) 0%, oklch(0.365 0.073 269.3 / 0.8) 56%, transparent 100%)",
glow: "oklch(0.936 0.055 102.9)",
form: "strong",
} as const
export default function OrbitalV4Demo() {
return (
<div className="relative isolate grid min-h-full w-full flex-1 place-items-center overflow-hidden bg-background text-foreground">
<Orbital palette={PALETTE} size={280} />
</div>
)
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: cn. The CLI installs them for you.
No other registry pieces.
Orbital Orb Scene
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.
Orbital V6
Orbital with extended lighting: adds three-point and eclipse form tiers to the classic shading, with quiet, cinematic and theatrical presets and eleven knobs. Derived lights need OKLCH palette colors.